js document.write()使用介绍


`document.write()` 是 JavaScript 中的一个方法,它允许你在 HTML 文档中写入内容。这个方法可以直接在 HTML 文档中输出字符串,包括 HTML 标签。但是,需要注意的是,`document.write()` 通常在文档加载过程中使用,如果在文档加载完成后使用,它可能会导致整个页面被重写。

### 基本用法


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

上面的代码会在 HTML 文档中输出 "Hello, World!"。

### 写入 HTML 标签

`document.write()` 也可以用来写入 HTML 标签。


document.write("<p>这是一个段落。</p>");

### 注意事项

1. **文档加载后使用**:如果在文档加载完成后(即 DOM 完全构建后)使用 `document.write()`,它会导致整个页面被重写,因为 `document.write()` 默认会在文档末尾追加内容,但如果文档已经关闭,则会重新打开并覆盖整个页面。

2. **性能和安全**:由于 `document.write()` 可能导致页面重绘和性能问题,以及存在 XSS(跨站脚本)攻击的风险,现代 Web 开发中更推荐使用 DOM 操作方法(如 `document.createElement()`, `element.innerHTML` 等)来动态修改页面内容。

### 示例:避免使用 `document.write()`

假设你需要在页面上添加一个段落,更现代和安全的方法是使用 DOM 操作:


// 创建一个新的段落元素
var p = document.createElement("p");
// 设置段落的内容
p.textContent = "这是一个段落。";
// 将段落添加到 body 的末尾
document.body.appendChild(p);

这种方式更加灵活和安全,是现代 Web 开发的推荐做法。