• document.write()


    有时候使用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)

     总结by me:

    页面还在加载时。文档流可写。不需要调用open(),close()方法来打开和关闭输出流    --追加

    当页面加载完(window.onload),document.write() --调用document.open() document.close()     --重写

  • 相关阅读:
    【poj2761】 Feed the dogs
    【bzoj1086】 scoi2005—王室联邦
    学堂在线
    【bzoj3757】 苹果树
    【uoj58】 WC2013—糖果公园
    博弈论学习笔记
    【poj2960】 S-Nim
    【poj2234】 Matches Game
    【poj1740】 A New Stone Game
    【bzoj1853】 Scoi2010—幸运数字
  • 原文地址:https://www.cnblogs.com/everwangJS/p/4641245.html
Copyright © 2020-2023  润新知