javascript document.write()覆盖原文档的问题
来源:互联网 发布:万家灯火软件 编辑:程序博客网 时间:2024/06/05 02:51
于是这种情况什么时候会出现呢?我搜了下:
http://www.blogjava.net/JAVA-HE/archive/2008/11/25/242420.html
onload 事件会在页面或图像加载完成后立即发生。页面加载完后文档流已关闭,这时再使用document.write()写内容就会将原来页面的内容覆盖。
write 方法用于向文档流中写入内容。当文档在加载的时候,文档流是可写的,所以就不用调用open(),close()方法来打开和关闭输出流。当文档加载完毕过后,文档流是不可写的,要write内容就得先打开输出流,通过调用open()打开,这个open()方法则会清除当前文档(通常open()方法会在调用write时自动调用)。所以第一个问题:不是<p>html标签</p>无法加载,是清除了;同样的样式也清除了,当然你也得不head里的样式。
第二个问题:文档从上而上加载渲染,当遇到window.onload=pri(),此时前面的样式、<p>..</p>等都分析完成。这时就要解析这句话window.onload=pri()。要往window.onload事件上绑定一个函数,而=号的右边又不是一个函数而是一个函数的返回值。所以就得先执行这个数据,得到返回值,再绑定给window.onload。执行pri(),把write里的东西写到文档里,由于这时文档还是处于加载渲染的阶段,所以不会清除当前文档,而是加文档里加入内容,你加入的div和原来body里的div叠在一起了。这时pri()执行完了,而window.onload还期待pri()返回一个绑定函数,pri()没有明确的返回语句也就默认返回undefined,而undefined和window.onload的绑定类型不对,所以会报错。 至于你的样式,你用write写的div会用自己的style里的样式和#apDiv1里的样式一起计算,得到最后的样式。你两个div最后计算出来的样式都一样,所你看不出来差异(你可以试着把style里的width减小就会看出来)。style属性只能取得内联里的样式结果,要得到<style></style>里的和外部样式(准确的说是计算样式),得用另外的东西currentStyel、getComputedStyle。至于为什么,东西太多这里就不说了
(http://topic.csdn.net/u/20110524/18/3848a3cb-c05a-4f82-8ee1-dee2bbe09ce1.html)
- javascript document.write()覆盖原文档的问题
- javascript document.write()覆盖原文档的问题
- document.write()覆盖原文档的原因详解
- document.write插入js标签会覆盖页面的问题
- 使用document.write()输出覆盖HTML问题
- 使用document.write输出覆盖HTML问题
- document.write的问题
- web开发JS学习(二)关于document.write会覆盖文档流的理解
- javascript中的document.write()函数引发的问题
- document.write()覆盖页面
- 异步请求javascript,document.write() 失效问题
- JavaScript中document.write()的用法
- 绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档
- 关于document.write()函数对文档流内容的清空问题
- JavaScript document.write用法
- javascript:document.write
- 【JavaScript】alert&document.write
- JavaScript document.write 与 document.writeln 的区别
- iOS 9官方文档(翻译)
- [Java]剑走偏锋的10条编程技巧
- opencv第七章-直方图与匹配(2)
- Linux伙伴系统(一)--伙伴系统的概述
- ios5的safari浏览器的电话号码识别功能的禁用
- javascript document.write()覆盖原文档的问题
- iOS提交应用至APP Store流程以及AppStore开发者申请流程
- 相册图片选取,图片压缩和图片jpg、png格式的转换
- 内存管理和泄露
- Linux伙伴系统(二)--伙伴系统的初始化
- VS统计项目总代码行数
- 堆和栈的区别
- Android开发:使用Glide动态加载圆形图片和圆角图片--图片开发框架
- Redis节点配置