在网页中使用document.write时遭遇的奇怪问题
更新时间：2010年08月24日 02:21:15 作者：
很多时候我们都会在网页上的JavaScript中使用document.write来写入一些东西，有的时候可能因为我们无法改变某一部分HTML而不得不使用这样的办法，也有的时候是因为在进行跨应用的脚本调用。
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
在前些日子的对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。
这几天我一直在尝试编写一个替用函数来解决这个问题，目前已经能顺利通过上面那个链接中的测试了。
如果接下来的几天之内没有发现什么明显的问题，我会把它发在博客上供大家参考。
测试代码，打包下载
相关文章
这篇文章主要与大家分享js获取一个checkbox看其是否被选中的具体实现，很简单，但很实用，需要的朋友可以参考下2014-09-09
在本篇教程中，我将指出一些重要的 JavaScript 最佳实践，让你不必去用另外一种艰难的方式来了解它们。准备好去升级你的代码吧2016-12-12
这篇文章主要介绍了通过js为元素添加多项样式,浏览器全兼容写法,需要的朋友可以参考下2014-08-08
这篇文章主要为大家详细介绍了js实现鼠标点击飘爱心效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要介绍了如何让每个Http请求都自动带上token问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要为大家详细介绍了基于javascript实现简单的抽奖系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
JS前端知识点 运算符优先级，URL编码与解码，String，Math，arguments操作整理总结
这篇文章主要介绍了JS前端知识点 运算符优先级，URL编码与解码，String，Math，arguments操作,结合实例形式整理总结了javascript运算符优先级，URL编码与解码，String，Math，arguments操作原理及使用技巧,需要的朋友可以参考下2019-06-06
javascript的parseFloat()方法精度问题探讨
javascript中的parseFloat()方法，大家应该不陌生吧，下面为大家介绍下其精度问题，感兴趣的朋友不要错过2013-11-11
javascript中offset、client、scroll的属性总结
这篇文章主要介绍了javascript中offset、client、scroll的属性总结的相关资料,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了JavaScript利用键盘码控制div移动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
最新评论