在网页中使用document.write时遭遇的奇怪问题
2010-08-22 23:26
225 查看
很多时候我们都会在网页上的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。
这几天我一直在尝试编写一个替用函数来解决这个问题,目前已经能顺利通过上面那个链接中的测试了。
现在替用函数已经完成了,如果你对这个问题有兴趣,可以去看看这篇博文。
在前些日子的对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。
这几天我一直在尝试编写一个替用函数来解决这个问题,目前已经能顺利通过上面那个链接中的测试了。
现在替用函数已经完成了,如果你对这个问题有兴趣,可以去看看这篇博文。
相关文章推荐
- 在网页中使用document.write时遭遇的奇怪问题
- 在网页中使用document.write时遭遇的奇怪问题
- 使用JavaScript语言的循环语句和document.write()语句在网页中输出4行三列的表格
- 使用JavaScript语言的循环语句和document.write()语句在网页中输出4行三列的表格
- jQuery的ready使用document.write的问题
- 使用document.write()输出覆盖HTML问题
- 使用document.write输出覆盖HTML问题
- jQuery的ready使用document.write的问题
- 使用document.write输出覆盖HTML问题
- 使用SSRS设计报表布局时遇到的一个奇怪问题
- 使用java开发mapred时遇上的奇怪问题
- Delphi中使用TXMLDocument控件应注意的问题
- 使用IE浏览器打开Axture页面原型时出现限制网页运行的问题
- python使用过程中遇到的各种奇怪的问题
- document.body.offsetWidth 网页可见区域高宽,offset、client、scroll使用方法详解,页面位置距离
- 使用struts bean:write标签时不能显示Integer,Date等类型的属性问题的解决
- Android使用WebView嵌入网页,网页内点击跳转到另一个网页后,返回问题解决
- ie7 xp下使用CHtmlView浏览网页,出现崩溃及内存泄漏的问题,仅描述现象,未解决
- Unity 3d 使用NGUI做UI时遇到的奇怪问题
- 使用JavaScript解决网页图片拉伸问题(推荐)