您只能在 HTML 输出中使用 。如果您在文档加载后使用该方法,会覆盖整个文档。

时间:2025-04-26 07:40:07

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

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

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

参考代码如下:

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

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

 <p>
  您只能在 HTML 输出流中使用 <strong></strong>。
  如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
 </p>

 <button onclick="myFunction()">点击这里</button>

  <script>
  function myFunction()
  {
  ("调用了函数,文档被重写");
  }
  </script>

</body>
 </html>

例子中代码执行到就向页面写入,文档加载完成,但未调用函数,所以不会执行函数中的,当点击按钮,触发了事件,则是在文档加载完成后使用的,则会覆盖页面中原有信息。
用javascript编写的代码只能通过html/xhtml文档才能执行,代码一行一行解析,文档在加载的过程中实际是一边加载一边用写出内容到屏幕上,而加载完成后,document就关闭。如果再调用往网页上写内容的话,就会重写document。