当前位置: 首页 >> javascript
 
 

document.write的使用方法

来源:     时间:2020-03-07     浏览:  

Javascript 中只能在 HTML 输出流中使用 document.write,在文档已加载后使用它(比如在函数中),会覆盖整个文档。

HTML 输出流:当前数据形式是 HTML 格式的数据,这部分数据正被导出、传输或显示,所以称为”流“。

思考: 什么是在 html 输出中使用,什么是文档加载后使用?

<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body>

 <p>JavaScript 能够直接写入 HTML 输出流中:</p>
 <script>document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph.</p>");
 </script>

 <p>您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。</p><button onclick="myFunction()">点击这里</button><script>function myFunction(){
    document.write("调用了函数,文档被重写");}</script></body>
 </html>


例子中代码执行到 document.write 就向页面写入,文档加载完成,但未调用函数,所以不会执行函数中的 document.write,当点击按钮,触发了事件,则是在文档加载完成后使用的 document.write,则会覆盖页面中原有信息。

用 javascript 编写的代码只能通过 html/xhtml 文档才能执行,代码一行一行解析,文档在加载的过程中实际是一边加载一边用 document.write 写出内容到屏幕上,而加载完成后,document 就关闭。如果再调用 document.write 往网页上写内容的话,就会重写 document。


文章转载自:https://www.runoob.com/note/34729


 
  • 联系我们

  • 邮箱:794421925@qq.com
  • 电话:13832367531
  • Q Q:794421925 点击交谈
  • 地址:石家庄市桥西区芳馨家园六号楼底商
  • 淘宝店铺金翼网络淘宝店铺

Copyright © 2008-2020 石家庄捷搜网络科技有限公司 版权所有 备案号:冀ICP备16025780号-1