在网页中使用document.write时遭遇的奇怪问题
更新时间：2010年08月24日 02:21:15 作者：
很多时候我们都会在网页上的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。
这几天我一直在尝试编写一个替用函数来解决这个问题，目前已经能顺利通过上面那个链接中的测试了。
如果接下来的几天之内没有发现什么明显的问题，我会把它发在博客上供大家参考。
测试代码，打包下载
而在进一步研究中我又发现，对于Chrome和Safari这两个使用了WebKit网页排版引擎的浏览器来说，如果外部调用的JavaScript中再次调用document.write来写入另一个调用外部JavaScript的<script>标记，则第二次调用的外部JavaScript不会被执行，而之后的一些内容也会被打乱——实际情况其实要稍微复杂一点，跟第二级、第三级document.write调用的参数中的具体内容有关，因为时间和精力的关系我没有办法作更具体的测试了。
在经过这些研究以后，几大主流浏览器中唯一幸存的、能正确处理所有document.write调用的，就只有Firefox了。
Firefox的一种伪“多线程”事件处理的特性一直是让我很不见待的东西，这件事也算是对“各有所长”的一个佐证吧。
想要了解这个问题所引发的种种现象，可以下载write-test.zip，解压之后用各种浏览器打开其中的write-test.htm。
这几天我一直在尝试编写一个替用函数来解决这个问题，目前已经能顺利通过上面那个链接中的测试了。
如果接下来的几天之内没有发现什么明显的问题，我会把它发在博客上供大家参考。
测试代码，打包下载
相关文章
这篇文章主要介绍了详解使用fetch发送post请求时的参数处理的相关资料,需要的朋友可以参考下2017-04-04
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
下面小编就为大家带来一篇基于bootstrap-datetimepicker.js不支持IE8的快速解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要为大家详细介绍了微信小程序三级联动选择器使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-02-02
这篇文章介绍了两种Extjs formpanel加载数据的方式，有需要的朋友可以参考一下2013-11-11
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
这篇文章主要介绍了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的相关资料,需要的朋友可以参考下2016-02-02
JavaScript已经成为现代Web开发的中流砥柱,实时调试、快速原型设计以及代码的即时反馈通常需要开发者使用多个工具和手段,现代工具的涌现为我们带来了更好的解决方案,而RunJs就是其中之一,本文将带您深入探讨RunJs的特性、用途,需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了原生javascript实现图片放大镜效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
这篇文章主要介绍了JS实现的将html转为pdf功能,结合完整实例形式分析了基于浏览器端插件jsPDF实现的HTML格式数据转换成pdf具体操作技巧,需要的朋友可以参考下2018-02-02
比较数组中数值的大小是比较常见的操作，下面同本文给大家分享四种放哪广发获取数组中最大值和最小值，对此感兴趣的朋友一起学习吧2016-01-01
javascript匿名函数中的''return function()''作用
这篇文章主要介绍了javascript匿名函数中的'return function()'作用介绍,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-10-10
最新评论