document.write学习document.write 是JavaScript中的一个方法，用于向当前文档中写入H

document.write 是JavaScript中的一个方法，用于向当前文档中写入HTML内容。它可以在页面加载时插入内容，也可以在事件触发时动态地添加内容。但是，需要注意的是，在页面加载完成后使用 document.write 可能导致整个页面被覆盖。所以它已经被认为是一种过时的技术。现代Web开发中更推荐使用DOM操作方法（如 createElement、appendChild 等）来动态地添加或修改页面内容。

下面是一些使用 document.write 的代码示例：

在页面加载时插入内容：

<!DOCTYPE html>
<html>
<head>
  <title>Document.write Example</title>
</head>
<body>
  <script>
    document.write("<h1>Hello, World!</h1>");
  </script>
</body>
</html>

在这个示例中，document.write 将在页面加载时向文档中写入一个h1标签，显示 "Hello, World!"。

在事件触发时动态添加内容：

<!DOCTYPE html>
<html>
<head>
  <title>Document.write Example</title>
</head>
<body>
  <div>123</div>
  <button onclick="addContent()">Click me</button>
  <script>
    function addContent() {
      document.write("<p>You clicked the button!</p>");
    }
  </script>
</body>
</html>

在这个示例中，当用户点击按钮时，addContent 函数会被调用，使用 document.write 向文档中添加一个p标签，显示 "You clicked the button!"。

向文档中添加多个元素：

<!DOCTYPE html>
<html>
<head>
  <title>Document.write Example</title>
</head>
<body>
  <script>
    document.write("<h1>Shopping List</h1>");
    document.write("<ul>");
    document.write("<li>Apples</li>");
    document.write("<li>Bananas</li>");
    document.write("<li>Oranges</li>");
    document.write("</ul>");
  </script>
</body>
</html>

在这个示例中，document.write 用于向文档中添加一个包含多个列表项的无序列表。