参考资料

1. HTML DOM 对image排版
2. HTML DOM获得下拉列表的选项数量
3. HTML DOM 改变image的src
4. HTML DOM 返回加载的当前文档的URL实例
5. HTML DOM 哪个元素被按下了？
6. HTML DOM 返回图像映射的某个区域的protocol 实例
7. HTML DOM 改变链接的target属性实例
8. HTML DOM 返回页面上所有相对URL的基URL 实例

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操作方法