我有一些代码，其中<script type="text/javascript">动态插入了一个块。
这个块包含一个函数，它<input type="button">上面有一个元素（也是动态插入的），用onclick属性调用它。
但是，它不起作用，Firebug 说当我尝试单击该按钮时未定义该函数。
这是可以预期的，如果可以，是否有解决方法？
动态插入的 <script> 标签是否有效？
IT技术
javascript
html
javascript-events
2021-03-12 08:48:31
3个回答
如果您将它写入一个 innerHTML 属性，则它不会工作，除非在 IE 中存在 DEFER 属性：
scriptParentNode.innerHTML = '<span/><script defer="defer" type="text/javascript">blah();</script>';
您的选择是，a) 使用 DOM 创建元素并附加它：
var head = document.getElementsByTagName("head")[0];
var sTag = document.createElement("script");
sTag.type = "text/javascript";
sTag.text = "blah();";
head.appendChild(sTag);
或 b) 在解析 HTML 时使用 document.write（但不是之后！）
<head>
<script type="text/javascript">
document.write('<script type="text/javascript">blah();</script>');
</script>
</head>
编辑
看到我显然因为有关 defer 属性不正确的信息而被否决，我觉得有必要从MSDN 文档中发布一个工作示例。虽然 IE 确实从 innerHTML 字符串的开头删除了 NoScope 元素，但可以通过在 HTML 字符串的开头添加一个作用域元素来解决这个问题（上面更新的示例）：
<HTML>
<SCRIPT>
function insertScript(){
var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>";
var sScript="<SCRIPT DEFER>";
sScript = sScript + "function go2(){ alert('Hello from inserted script.') }";
sScript = sScript + "</SCRIPT" + ">";
ScriptDiv.innerHTML = sHTML + sScript;
}
</SCRIPT>
<BODY onload="insertScript();">
<DIV ID="ScriptDiv"></DIV>
</BODY>
</HTML>
可以随意单击 MSDN 文档中的“显示给我”按钮以获取工作示例。[链接]
如果你正在使用类似的东西
document.getElementById('foo').innerHTML = blah
那么不，它不会工作。
一个简单的解决方法是使用jQuery进行插入，这将执行该块中的脚本。只需html在元素上使用该函数，将您的 HTML/脚本块传递给它。
动态插入客户端还是服务器端？
服务器端它会工作 - 假设服务器端调用不是 AJAX 回发（因为实际上实际的动态插入仍然是客户端）。
客户端不会（您不能简单地在页面已经加载并期望它执行后将 java 脚本注入到页面中）。在这种情况下，您必须实际明确地执行 JavaScript，或者使用像 jQuery 这样的框架来为您执行此操作。
其它你可能感兴趣的问题