动态添加一个脚本标记到页面

Question

我正在尝试使用insertBefore向dom添加一个脚本。

当通过控制台运行命令时，脚本按预期执行，但是当通过代码运行相同的代码段时，它拒绝执行。

这是我正在使用的代码。

var el = document.getElementsByTagName('div')[0]; 
var s = document.createElement('script'); 
s.text = 'alert("abc");' 
el.parentNode.insertBefore(s, el.nextSibling) 



el.parentNode.replaceChild(s.childNodes[0], el); 
el = s.childNodes[0]; 
for(var i = s.childNodes.length - 1; i >= 0 ; i--) 
    el.parentNode.insertBefore(s.childNodes[i], el.nextSibling); 

这是添加脚本到DOM，但不执行it.a

Answer 1

我不能复制您的问题：

http://jsfiddle.net/treeface/8F8bK/

你确定你的代码在DOM完全加载后运行？如果你不是你可能想要这样运行这样的代码：

window.onload = function() { 
    var el = document.getElementsByTagName('div')[0]; 
    var s = document.createElement('script'); 
    s.text = 'alert("abc");' 
    el.parentNode.insertBefore(s, el.nextSibling) 
};