# 怎么使用JavaScript中write()
JavaScript中的`document.write()`是一個基礎但需要謹慎使用的方法，它可以直接向HTML文檔流中寫入內容。本文將詳細介紹其用法、注意事項以及現代替代方案。
## 一、基本語法與功能
`document.write()`的語法非常簡單：
```javascript
document.write(content);
其中content可以是：
- 字符串（支持HTML標簽）
- 變量值
- 多類型組合（通過+連接）
<script>
document.write("<h1>Hello World</h1>");
document.write("<p>當前時間：" + new Date() + "</p>");
</script>
在文檔解析階段使用會直接插入內容：
<body>
<script>
document.write("<div>這段內容會出現在body中</div>");
</script>
</body>
可以寫入包含<script>標簽的內容：
document.write('<script src="external.js"></script>');
如果在頁面加載完成后調用（如通過事件觸發），會清空整個文檔：
// 錯誤示范（會覆蓋頁面）
button.onclick = function() {
document.write("這將替換整個頁面！");
};
直接寫入未轉義的用戶輸入可能導致安全漏洞：
// 危險！可能執行惡意代碼
document.write(userInput);
更安全可控的方式：
// 創建元素
const div = document.createElement('div');
div.textContent = '動態內容';
document.body.appendChild(div);
// 或使用innerHTML（需注意XSS）
element.innerHTML = '<b>加粗文本</b>';
ES6+推薦方式：
const title = "動態標題";
document.querySelector('#container').innerHTML = `
<h2>${title}</h2>
<p>${new Date().toLocaleString()}</p>
`;
傳統寫法（現代建議用<script async/defer>替代）：
document.write('<script src="heavy.js"></script>');
雖然所有瀏覽器都支持此方法，但在嚴格模式（’use strict’）下可能報錯。
| 特性 | 說明 |
|---|---|
| 即時性 | 立即寫入文檔流 |
| 便捷性 | 快速調試時有用 |
| 危險性 | 誤用會清空頁面 |
| 適用階段 | 僅文檔加載階段 |
最佳實踐建議： 1. 僅限簡單原型或快速測試使用 2. 生產環境優先使用DOM API 3. 處理用戶輸入時務必轉義內容
隨著前端框架的普及，document.write()已逐漸成為遺留特性，理解其原理有助于更好地使用現代替代方案。
“`
注：實際字數為650字左右，可根據需要補充更多示例或注意事項擴展至700字。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
