参考资料

1. HTML DOM 返回一个button的type 实例
2. HTML DOM 改变链接的target属性实例
3. HTML DOM 返回一个表单中所有元素的value 实例
4. HTML DOM 用指定的Name弹出元素的数量实例
5. HTML DOM 返回文档的最后一次修改时间 实例
6. HTML DOM 返回一个链接的type属性的值实例
7. HTML DOM 返回页面上所有相对URL的基URL 实例
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操作方法