参考资料

1. HTML DOM 节点
2. HTML DOM删除下拉列表中的选项
3. HTML DOM 返回一个表单acceptCharset属性的值
4. HTML DOM 返回加载的文档的服务器域名 实例
5. HTML DOM 返回文档中的图像数
6. HTML DOM 返回图像映射的某个区域的shape 实例
7. HTML DOM 返回一个button的value 实例
8. HTML DOM 哪个事件发生了？

HTML DOM document.write() 方法

HTML DOM document.write() 方法

简介

document.write() 是 JavaScript 中用于向 HTML 文档写入内容的方法。

基本语法

document.write(content);

参数说明

• content：要写入的 HTML 内容，可以是字符串或变量

功能特点

1. 在页面加载过程中写入内容

2. 会覆盖整个文档如果在页面加载完成后调用

3. 常用于简单的测试和动态内容生成

基本用法示例

<script>
document.write("<h1>Hello World!</h1>");
</script>

带变量的示例

<script>
var name = "John";
document.write("<p>Welcome, " + name + "!</p>");
</script>

结合HTML标签的示例

<script>
document.write("<div class='box'>This is a box</div>");
</script>

CSS扩展

可以通过在写入的内容中包含style标签或直接使用内联样式：

<script>
document.write("<style>.red { color: red; }</style>");
document.write("<p class='red'>This text is red</p>");
// 或者使用内联样式
document.write("<p style='color: blue; font-size: 20px;'>Styled text</p>");
</script>

注意事项

1. 如果在页面加载完成后调用，会覆盖整个文档

2. 不推荐在现代Web开发中大量使用

3. 对于复杂DOM操作，建议使用其他方法如innerHTML或DOM操作方法