全面理解document.write()

document.write() 是 JavaScript 中的一个方法，用于在 HTML 文档中动态生成内容。

这个方法可以在网页加载过程中动态地向网页添加文本、HTML 标签、JavaScript 代码等内容。它接受一个字符串作为参数，并将该字符串直接输出到当前页面上。

使用 document.write() 方法时，它会定位到当前正在解析的文档，并将内容插入到该位置。如果在文档已完全加载之后使用该方法，它会覆盖整个文档。

以下是一些 document.write() 方法的使用示例：

1. 输出文本：

document.write("Hello, World!");

这将在当前页面输出 “Hello, World!”。

2. 输出 HTML 标签：

document.write("<h1>Welcome</h1>");

这将在当前页面输出一个 h1 标题元素，显示为 “Welcome”。

3. 输出 JavaScript 代码：

document.write("<script>alert('Hello!');</script>");

这将在当前页面输出一个包含 JavaScript 代码的 script 标签，该代码将弹出一个对话框显示 “Hello!”。

需要注意的是，使用 document.write() 方法时要小心，特别是在文档加载完成后使用。因为它会直接修改整个文档结构，可能导致意想不到的结果。在实际开发中，更常用的方法是通过 DOM 操作来动态地修改页面内容。