欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

document 的write 用法和清空的原因 不清空 有大用 有大大用 有大大大用

  1. 先看一段代码实例:

  2. <!DOCTYPE html>  

  3. <html>  

  4.  <head>  

  5.  <meta charset=" utf-8">      

  6.  <title>Document</title>  

  7.  <script type="text/javascript">

  8.    window.οnlοad=function(){

  9.      document.write("重温 JavaScript");

  10.    }

  11.  </script>

  12. </head>

  13. <body>

  14.  <div>Hello  JavaScript</div>

  15. </body>

  16. </html>

  17. 从以上代码的可以看出document.write()函数将原来的文档内容清空了,window.onload事件是在文档内容完全加载完毕再去执行事件处理函数,当然文档流已经关闭了,这个时候再执行doucment.writ()函数会自动调用document.open()函数创建一个新的文档流,并写入新的内容,再通过浏览器展现,这样就会覆盖原来的内容。

  18. <!DOCTYPE html>  

  19. <html>  

  20.  <head>  

  21.  <meta charset=" utf-8">    

  22.  <title>Document</title>  

  23.  <script type="text/javascript">

  24.    document.write("重温 JavaScript");

  25.  </script>

  26. </head>

  27. <body>

  28.  <div>Hello JavaScript</div>

  29. </body>

  30. </html>

  31. 在以上代码中,原来的文档内容并没有被清空,这是因为当前文档流是由浏览器所创建,并且document.wirte()函数身处其中,也就是执行此函数的时候文档流并没有被关闭,这个时候不会调用document.open()函数创建新文档流,所以也就不会被覆盖了。


来自  https://www.dandelioncloud.cn/article/details/1510826513405693954


普通分类: