document.write()用法

`document.write()` 是 JavaScript 中的一个函数，用于在 HTML 页面中向文档流中写入 HTML 元素。语法格式如下:

document.write(string);

其中，`string` 是要写入页面的 HTML 字符串。

使用方法: 在需要写入的HTML代码之前填入document.write("");
例如:

document.write("<h1>这是一个标题</h1>");

这样在页面上就会多出一个<h1>这是一个标题</h1>

注意:
- `document.write()` 在页面完全加载完后才会运行。
- 使用 `document.write()` 在页面已经加载完成后会覆盖整个页面
- 在新版本javascript 里使用较少，因为不利于性能

相关问题

js中document.write的用法

`document.write` 是 JavaScript 中的一个方法，用于向 HTML 页面输出内容。它可以输出文本、HTML 代码或 JavaScript 表达式的结果。使用方法为 `document.write(string)`，其中 `string` 为要输出的内容。

注意：

- 使用 `document.write` 会覆盖整个页面的内容，因此在页面加载完成后使用它会导致页面重新加载，因此使用时要小心。
- 使用 `document.write` 输出的内容不会被浏览器缓存，因此不适用于大量输出。
- 现在开发中建议使用 `innerHTML` 或 `textContent` 代替 `document.write`。

示例：

document.write("这是一个例子");

会在页面中输出：这是一个例子

document.write()输出对象和document.close

`document.write()`方法用于向HTML文档中动态插入文本或HTML元素。它会直接在文档的当前位置添加内容，如果之前已经有内容存在，新的内容将会覆盖原有的内容。值得注意的是，一旦`document.write()`被调用，就无法再修改已经写入的内容，除非使用`innerHTML`属性替换整个节点。

当你完成所有输出并想结束文档的写入过程时，通常不需要显式调用`document.close()`，因为在`document.write()`执行完毕后，浏览器会自动关闭文档的输出流以确保完整性和规范性。然而，在某些特殊情况下，如延迟加载或异步脚本，可能需要确保文档在最后时刻被正确关闭，以防影响后续的渲染或资源加载。

一个示例展示了`document.write()`的基本用法，但并不推荐在现代Web开发中使用，因为它可能导致一些难以调试的副作用：

// 假设你想在一个按钮点击事件后动态添加内容
<button onclick="showMessage()">Click me</button>

<script>
function showMessage() {
    document.write("<p>Hello from JavaScript!</p>");
}
</script>

在这个例子中，当点击按钮时，会动态插入一个新的段落。然而，由于`document.close()`在这里不是必需的，所以省略了。