作为 Web 开发中最基础的 DOM 操作之一，使用 document.write 函数输出 HTML 文档内容是非常常见的操作之一。在此，我们就来探讨 document.write 的常见用法及一些注意事项。

一、document.write 的基本用法

document.write 函数可用于往 HTML 页面中插入内容，常见的用法是在页面加载时运行脚本的时候，动态生成页面中的内容。该函数接受一个字符串参数，这个参数是你需要写入 HTML 的内容。

下面来看一个简单的例子，我们在 HTML 页面中使用 script 标签引入一个脚本，在脚本中使用 document.write 函数输出一段文本：

```html

```

在浏览器中打开该页面，你将看到一个显示 Hello, World! 的段落。

二、document.write 函数的注意事项

但是，当我们使用 document.write 函数时，还需要注意以下几个问题：

1. 注意文档流

在使用 document.write 生成 HTML 内容时，需要注意文档流。因为 document.write 函数实际上只是往文档流中写入字符串，所以如果在页面的加载过程中，当 document.write 被执行时，它会覆盖已经加载到浏览器中的文档内容。举个例子来说，我们来看以下代码：

```html

Goodbye, World!

```

在这个例子中，我们使用了两条不同的语句往文档流中写入了两个段落。然而，当页面加载时，由于 document.write 的执行，在浏览器中只会看到 Hello, World!。

2. 注意使用时机

另外，需要注意的是，document.write 函数只能在页面加载时使用，它不能被用于动态地修改页面中的内容。这是因为 document.write 函数只能修改文档内容，而不能修改文档结构。

举个例子，假如我们在页面加载完毕后，使用代码修改了一个 div 元素：

```html