我想一些脚本加载到使用页面innerHTML上<div>。脚本似乎加载到 DOM 中，但从未执行过（至少在 Firefox 和 Chrome 中）。有没有办法在插入脚本时执行脚本innerHTML？
示例代码：
<!DOCTYPE html>
<html>
<body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'">
Shouldn't an alert saying 'hi' appear?
<div id="loader"></div>
</body>
</html>您必须使用eval()来执行您作为 DOM 文本插入的任何脚本代码。
MooTools 会自动为你做这件事，我相信 jQuery 也会（取决于版本。jQuery 1.6+ 版使用eval）。这样可以省去很多解析<script>标签和转义内容的麻烦，以及一堆其他“问题”。
通常，如果您要eval()自己动手，您希望创建/发送没有任何 HTML 标记（例如 ）的脚本代码<script>，因为这些将不eval()正确。
这是一种递归地将所有脚本替换为可执行脚本的方法：
function nodeScriptReplace(node) {
if ( nodeScriptIs(node) === true ) {
node.parentNode.replaceChild( nodeScriptClone(node) , node );
}
else {
var i = -1, children = node.childNodes;
while ( ++i < children.length ) {
nodeScriptReplace( children[i] );
}
}
return node;
}
function nodeScriptClone(node){
var script = document.createElement("script");
script.text = node.innerHTML;
var i = -1, attrs = node.attributes, attr;
while ( ++i < attrs.length ) {
script.setAttribute( (attr = attrs[i]).name, attr.value );
}
return script;
}
function nodeScriptIs(node) {
return node.tagName === 'SCRIPT';
}
示例调用：
nodeScriptReplace(document.getElementsByTagName("body")[0]);
这是您问题的一个非常有趣的解决方案：http : //24ways.org/2005/have-your-dom-and-script-it-too
所以使用它而不是脚本标签：
<img src="empty.gif" onload="alert('test');this.parentNode.removeChild(this);" />
您可以创建脚本，然后注入内容。
var g = document.createElement('script');
var s = document.getElementsByTagName('script')[0];
g.text = "alert(\"hi\");"
s.parentNode.insertBefore(g, s);
这适用于所有浏览器:)
我使用了这段代码，它工作正常
var arr = MyDiv.getElementsByTagName('script')
for (var n = 0; n < arr.length; n++)
eval(arr[n].innerHTML)//run script inside div