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

心已赠人 2022-08-09 09:48 207阅读 0赞

有时候使用javascript 中的document.write()函数，会将原来的html全部清除，然后写上新内容，但有时候不会  
  
  
于是这种情况什么时候会出现呢？我搜了下：  
  
  
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.οnlοad=pri(),此时前面的样式、<p>..</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属性只能取得内联里的样式结果，要得到<style></style>里的和外部样式（准确的说是计算样式），得用另外的东西currentStyel、getComputedStyle。至于为什么，东西太多这里就不说了

（http://topic.csdn.net/u/20110524/18/3848a3cb-c05a-4f82-8ee1-dee2bbe09ce1.html）