JavaScript基础 document.write方法
- 1.简单认识document.write()
- 2.document.write() 的使用
1.简单认识document.write()
document.write() 是一种 JavaScript 方法，用于将内容直接写入到 HTML 文档中。它可以用来动态地在页面加载时插入文本、HTML 代码、图片等内容。
document.write("<h1 style='color: green;'>欢迎来到这里学习JavaScript!</h1>");
这行代码的作用是：
- 使用 document.write() 方法，将一段 HTML 代码 欢迎来到这里学习JavaScript! 写入到当前的文档中。
- 该段 HTML 代码会在网页中显示为绿色的标题文字 “欢迎来到这里学习JavaScript!”
2.document.write() 的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>document.write 示例</title>
</head>
<body>
<script>
document.write("<h1 style='color: green;'>欢迎来到这里学习JavaScript!</h1>");
</script>
</body>
</html>
效果演示
覆盖页面内容：如果 document.write() 在页面加载完成后被调用，它将覆盖整个页面的内容。这是因为 document.write() 会将新内容直接写入文档流中，可能导致页面上的其它内容丢失。
document.write() 在现代开发中使用较少。
