在网页中使用document.write时遭遇的奇怪问题

很多时候我们都会在网页上的JavaScript中使用document.write来写入一些东西，有的时候可能因为我们无法改变某一部分HTML而不得不使用这样的办法，也有的时候是因为在进行跨应用的脚本调用。

 

在前些日子的对Razor模板引擎向JavaScript移植进行研究的过程中，我发现如果使用document.write输出的内容中包含了调用外部的JavaScript的<script>标记，就可能出现一点问题——在这里面被调用的外部JavaScript可能会在不适当的时间被执行，对于IE和Opera来说，就是当write的参数中的所有其它部分内容都被解析之后，这些外部的JavaScript才会执行。

 

而在进一步研究中我又发现，对于Chrome和Safari这两个使用了WebKit网页排版引擎的浏览器来说，如果外部调用的JavaScript中再次调用document.write来写入另一个调用外部JavaScript的<script>标记，则第二次调用的外部JavaScript不会被执行，而之后的一些内容也会被打乱——实际情况其实要稍微复杂一点，跟第二级、第三级document.write调用的参数中的具体内容有关，因为时间和精力的关系我没有办法作更具体的测试了。

 

在经过这些研究以后，几大主流浏览器中唯一幸存的、能正确处理所有document.write调用的，就只有Firefox了。

Firefox的一种伪“多线程”事件处理的特性一直是让我很不见待的东西，这件事也算是对“各有所长”的一个佐证吧。

 

想要了解这个问题所引发的种种现象，可以下载write-test.zip，解压之后用各种浏览器打开其中的write-test.htm。

 

这几天我一直在尝试编写一个替用函数来解决这个问题，目前已经能顺利通过上面那个链接中的测试了。

现在替用函数已经完成了，如果你对这个问题有兴趣，可以去看看这篇博文。