网站地图    收藏   

主页 > 前端 > javascript >

javascript document.write()覆盖原文档的问题

来源:未知    时间:2014-09-13 21:53 作者:xbdadmin 阅读:

[导读] 有时候使用javascript 中的document.write()函数,会将原来的html全部清除,然后写上新内容,但有时候不会 于是这种情况什么时候会出现呢?我搜了下: http://www.blogjava.net/JAVA-HE/archive/2008/...

有时候使用javascript 中的document.write()函数,会将原来的html全部清除,然后写上新内容,但有时候不会
于是这种情况什么时候会出现呢?我搜了下:
http://www.blogjava.net/JAVA-HE/archive/2008/11/25/242420.html
没太看懂,以后继续看

---- 又搜到一个

write 方法用于向文档流中写入内容。当文档在加载的时候,文档流是可写的,所以就不用调用open(),close()方法来打开和关闭输出流。当文档加载完毕过后,文档流是不可写的,要write内容就得先打开输出流,通过调用open()打开,这个open()方法则会清除当前文档(通常open()方法会在调用write时自动调用)。所以第一个问题:不是<p>html标签</p>无法加载,是清除了;同样的样式也清除了,当然你也得不head里的样式。


第二个问题:文档从上而上加载渲染,当遇到window.onload=pri(),此时前面的样式、&lt;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)

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论