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


Posted in Javascript onAugust 24, 2010

在前些日子的对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。

这几天我一直在尝试编写一个替用函数来解决这个问题,目前已经能顺利通过上面那个链接中的测试了。
如果接下来的几天之内没有发现什么明显的问题,我会把它发在博客上供大家参考。
测试代码,打包下载

Javascript 相关文章推荐
javascript代码加载优化方法
Jan 30 Javascript
jquery实现每个数字上都带进度条的幻灯片
Feb 20 Javascript
JavaScript栏目列表隐藏/显示简单实现
Apr 03 Javascript
js播放wav文件(源码)
Apr 22 Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
Angularjs自定义指令实现分页插件(DEMO)
Sep 16 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
JavaScript实现与web通信的方法详解
Aug 07 Javascript
vue实现同时设置多个倒计时
May 20 Vue.js
javascript下string.format函数补充
Aug 24 #Javascript
javascript下利用arguments实现string.format函数
Aug 24 #Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
Aug 24 #Javascript
js null,undefined,字符串小结
Aug 21 #Javascript
javascript中的float运算精度实例分析
Aug 21 #Javascript
Firebug入门指南(Firefox浏览器)
Aug 21 #Javascript
jquery插件之easing 动态菜单
Aug 21 #Javascript
You might like
教你如何把一篇文章按要求分段
2006/10/09 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
JS字符串函数扩展代码
2011/09/13 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
2016/10/12 Javascript
vue.js的提示组件
2017/03/02 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
js replace 全局替换的操作方法
2018/06/12 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
pycharm使用matplotlib.pyplot不显示图形的解决方法
2018/10/28 Python
django主动抛出403异常的方法详解
2019/01/04 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
python3.7调试的实例方法
2020/07/21 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
美国踏板车和轻便摩托车销售网站:Mega Motor Madness
2020/02/26 全球购物
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
电钳工人个人求职信
2014/05/10 职场文书
工程承诺书怎么写
2014/05/24 职场文书
2014年行政工作总结
2014/11/19 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
Django项目如何获得SSL证书与配置HTTPS
2021/04/30 Python
在redisCluster中模糊获取key方式
2021/07/09 Redis