我需要能够传入标记或id来附加内容和js文件。和往常一样,这适用于除ie之外的所有浏览器,即仅适用于document.getElementsByTagName('head')[0].appendChild。有解决方案吗?
http://jsfiddle.net/qg5zexmh/
// Append js and html.
function _append(selector, arr) {
var content = arr;
for(var i = 0; i< content.length; i++) {
var _content = content[i];
var js = _content.indexOf('script');
if(js > -1) {
// Script tag.
var script = document.createElement('script');
script.type = 'text/javascript';
var regex = /<script.*?src="(.*?)"/gmi;
var url = regex.exec(_content);
var inline = '';
if(url) {
script.src = url[1];
} else {
_content.replace(/<script[^>]*>([sS]*?)</script>/gi, function(){
inline += arguments[1] + 'n';
});
script.text = inline;
}
//document.getElementsByTagName("head")[0].appendChild(script);
selector.appendChild(script);
} else {
// html content.
selector.innerHTML += _content;
}
}
}
// Selector - div or tag.
var selector = document.getElementById('content');
appendChild适用于创建的元素或DOMparser(尽管DOMparser本机不适用于safari/webkit),而且将脚本附加到选择器不是跨浏览器友好的,它需要直接附加到head或body标记。
在html中使用appendChild时,最简单的方法是
var str = '<h1>string of html</h1>';
var d = document.createElement('div');
d.innerHTML = str;
selector.appendChild(d);
appendChild使用内联javascript,但必须使用document.write('</script>');让外部脚本让它在ie.工作回到ie8。