JavaScript在页面加载时怎么向HTML写文本

# JavaScript在页面加载时怎么向HTML写文本

在网页开发中，动态地向HTML页面写入文本是常见的需求。JavaScript提供了多种方法来实现这一功能，以下是几种典型的方式：

## 1. 使用`document.write()`

最简单的方法是使用`document.write()`，它会在页面加载时直接向文档流中插入内容：

```javascript
document.write("<p>页面加载时写入的文本</p>");

注意：此方法仅在页面初始加载阶段有效，若在DOM加载完成后调用会覆盖整个页面。

2. 操作DOM元素

更推荐的方式是通过DOM操作动态添加内容：

window.onload = function() {
  const container = document.getElementById("content");
  container.innerHTML = "<p>通过innerHTML添加的文本</p>";
};

或使用更安全的textContent（避免XSS攻击）：

const paragraph = document.createElement("p");
paragraph.textContent = "安全文本内容";
document.body.appendChild(paragraph);

3. 使用现代API：insertAdjacentHTML()

document.querySelector("#target").insertAdjacentHTML(
  "beforeend",
  "<span>插入到元素内部的末尾</span>"
);

最佳实践

1. 推荐将脚本放在</body>前或使用DOMContentLoaded事件
2. 避免使用document.write()，可能破坏现有DOM结构
3. 敏感内容应使用textContent而非innerHTML

通过合理选择这些方法，可以灵活地实现页面加载时的动态文本注入需求。 “`

（全文约400字）