有时候使用javascript 中的document.write()函数,会将原来的html全部清除,然后写上新内容,但有时候不会
于是这种情况什么时候会出现呢?我搜了下:
http://www.blogjava.net/JAVA-HE/archive/2008/11/25/242420.html
没太看懂,以后继续看
---- 又搜到一个
write 方法用于向文档流中写入内容。当文档在加载的时候,文档流是可写的,所以就不用调用open(),close()方法来打开和关闭输出流。当文档加载完毕过后,文档流是不可写的,要write内容就得先打开输出流,通过调用open()打开,这个open()方法则会清除当前文档(通常open()方法会在调用write时自动调用)。所以第一个问题:不是
html标签
无法加载,是清除了;同样的样式也清除了,当然你也得不head里的样式。
第二个问题:文档从上而上加载渲染,当遇到window.οnlοad=pri(),此时前面的样式、<p>..
等都分析完成。这时就要解析这句话window.οnlοad=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属性只能取得内联里的样式结果,要得到里的和外部样式(准确的说是计算样式),得用另外的东西currentStyel、getComputedStyle。至于为什么,东西太多这里就不说了
总结by me:
页面还在加载时。文档流可写。不需要调用open(),close()方法来打开和关闭输出流 --追加
当页面加载完(window.onload),document.write() --调用document.open() document.close() --重写