HTML - DOM write() 方法

HTML DOM 的write() 方法允许你直接将 HTML 或 JavaScript 表达式写入文档。但是，如果在文档完全加载后调用它，则会替换文档的全部内容。

由于其破坏性行为和潜在的性能问题，通常建议在现代 Web 开发中避免使用此方法。

语法

以下是 HTML DOM write() 方法的语法：

document.write(exp1, exp2,.....expN);

参数

此方法接受如下所示的单个参数：

参数	描述
(exp1, exp2,..expN)	它表示你想要写入文档的多个表达式。这些表达式按其出现的顺序显示。

返回值

此方法不返回任何值。

示例 1：直接将文本写入文档

以下示例演示了 HTML DOM write() 方法的用法：

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML DOM Document write() Method</title>
</head>
<body>
<button onclick="fun()">Click me</button>
<p id="type"></p>
<script>
   function fun() {
      document.write("Welcome to Tutorials Point..")
   }
</script>
</body>
</html>

示例 2：在新窗口中写入文本

在以下示例中，将打开一个新窗口，并将文本插入到文档中：

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML DOM document write() Method</title>
</head>
<body>
<button onclick="fun()">Click me</button>
<p id="type"></p>
<script>
   function fun() {
      let x = window.open()
      x.document.write("Welcome to Tutorials Point..")
   }
</script>
</body>
</html>

示例 3：直接将 HTML 元素写入 HTML 输出

在以下示例中，<b> 标签用于使文本加粗，<em> 标签用于使文档中的文本倾斜：

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML DOM document write() Method</title>
</head>
<body>
<button onclick="fun()">Click me</button>
<p id="type"></p>
<script>
   function fun() {
      document.write("<b><em>Welcome to Tutorials Point.. </em></b>");
   }
</script>
</body>
</html>

支持的浏览器

方法
write()	是 1	是 12	是 1	是 1	是 3

html_dom_document_reference.htm

打印页面