在Ajax响应中执行JavaScript

Question

我正在使用ajax（使用jQuery）来更新网页的某些部分。 查询返回html以在各个位置插入。

但是，这些html块有时包含包含可在其所在位置写东西的javascript。 我的意思是，在AJAX返回的html的某个div中，其中包含一个脚本，该脚本执行一些document.write（）指令（通常是广告发布商的脚本，我们无法对其进行任何控制）。

现在，如果我只是使用AJAX查询返回的html并用它更新DOM，则不会执行javascript。
确保document.write（）在适当位置写入其内容的最干净/最简单的方法是什么？

Answer 1

您不能将document.write()与动态插入的内容一起使用。 问题在于，在初始页面加载时，当前文档已被打开，解析和关闭。 如果现在从这些脚本之一调用document.write() ，它将清除当前文档并开始编写新文档。 这将使您的浏览器窗口空白，只写新内容（当然不是您想要的内容）。

我能想到的选择是：

1. 将内容放入iframe并通过.src属性（而不是通过ajax）加载，这样内容就可以加载到新文档中，而document.write()可以完成其正常的预期工作。

2. 将这些脚本更改为不使用document.write() 。 如果控制该代码，则需要更改脚本以将内容插入特定的DOM元素中，而不是尝试写入文档流中，因为一旦解析了原始文档，文档流将无法按您想要的方式工作。该文档已关闭。

3. 修改document.write() （通过用另一种方法临时替换），以便在加载动态内容时以不同的方式捕获document.write()内容，然后将其动态插入到现有的DOM元素中，而不是使用实际的document.write() 。 这确实是黑客，无法保证它会在所有浏览器中正常工作。

Answer 2

毫无疑问， document.write完全破坏当前文档。

有几种处理方法，我发现最简单的方法是用一个使用常规DOM操作的函数替换document.write。

document.write = function(str) {
  var oldtxt =   $("#destdiv").html();
  oldtxt += str;
  $("#destdiv").html(oldtxt);
}