如何让使用 document.write() 创建的 JavaScript 执行？答案

【问题标题】：How do I get JavaScript created with document.write() to execute?如何让使用 document.write() 创建的 JavaScript 执行？
【发布时间】：2010-09-09 07:58:12
【问题描述】：

我有一个多框架布局。其中一个框架包含一个表单，我通过 XMLHttpRequest 提交该表单。现在，当我使用 document.write() 用表单重写框架，并且我添加的新页面包含任何 javascript 时，javascript 不会在 IE6 中执行？

例如：

document.write("<html><head><script>alert(1);</script></head><body>test</body></html>");

在上述情况下，页面内容被替换为 test 但 alert() 没有被执行。这在 Firefox 中运行良好。

上述问题的解决方法是什么？

【问题讨论】：

标签： javascript internet-explorer-6

【解决方案1】：

解决方法是在回调函数或调用 eval() 方法时以编程方式将 <script> 块添加到 JavaScript 中的头部 DOM 元素。只有这样才能在 IE 6 中完成这项工作。

【讨论】：

【解决方案2】：

您可以在 body 标记 (<body onload="jsWrittenLoaded()">) 中使用 onload 属性。

【讨论】：

【解决方案3】：

不要将 JS 代码公开，而是将其包含在一个函数中（我们称之为“doIt”）。您的框架窗口（假设它的名称是“formFrame”）有一个父窗口（即使它不可见），您可以在其中执行 JS 代码。在该范围内执行实际的帧重写操作：

window.parent.rewriteFormFrame(theHtml);

父窗口中的rewriteFormFrame 函数如下所示：

function rewriteFormFrame(html) {
    formFrame.document.body.innerHTML = html;
    formFrame.doIt();
}

【讨论】：

【解决方案4】：

动态评估和/或执行脚本是不好的做法。非常糟糕的做法。非常非常非常糟糕的做法。我怎么强调都不为过，这是多么糟糕的做法。

AKA.: 听起来设计很糟糕。你又想解决什么问题？

【讨论】：

【解决方案5】：

简而言之：你不能真正做到这一点。然而，诸如 jQuery 之类的 JavaScript 库提供了功能来做到这一点。如果你依赖它，试试 jQuery。

【讨论】：

【解决方案6】：

另一种可能的选择是使用 JSON，动态添加将由浏览器自动处理的脚本引用。

干杯。

【讨论】：

您能详细解释一下吗？我认为这行不通，但也许我只是不明白您的建议。