目录

HTML DOM 文档 write()

示例

直接将一些文本写入 HTML 输出:

document.write("Hello World!");
亲自试一试 »

将一些 HTML 元素直接写入 HTML 输出:

document.write("<h2>Hello World!</h2><p>Have a nice day!</p>");
亲自试一试 »

加载文档后使用 document.write() 会删除所有现有的 HTML:

// This should be avoided:
function myFunction() {
  document.write("Hello World!");
}
亲自试一试 »

下面有更多示例。


描述

这个write()方法直接写入打开的 (HTML) 文档流。

警告

这个write()方法在加载的文档上使用时会删除所有现有的 HTML。

这个write()方法不能在 XHTML 或 XML 中使用。

笔记

这个write()方法最常用于写入由open()方法。

也可以看看:

文档 open() 方法

文档 close() 方法

文档 writeln() 方法


语法

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

参数

Parameter Description
exp1,... Optional.
The output stream.
Multiple arguments are appended to the document in order of occurrence.

返回值

没有任何

更多示例

将日期对象直接写入 HTML 输出:

document.write(Date());
亲自试一试 »

打开输出流,添加一些 HTML,然后关闭输出流:

document.open();
document.write("<h1>Hello World</h1>");
document.close();
亲自试一试 »

打开一个新窗口并在其中写入一些 HTML:

const myWindow = window.open();
myWindow.document.write("<h1>New Window</h1>");
myWindow.document.write("<p>Hello World!</p>");
亲自试一试 »

write() 和 writeln() 之间的区别

writeln( ) 方法仅在写入文本文档时有用(type=".txt")。

示例

document.write("Hello World!");
document.write("Have a nice day!");
document.write("<br>");
document.writeln("Hello World!");
document.writeln("Have a nice day!");
亲自试一试 »

笔记

使用起来没有任何意义写入()在 HTML 中。

它仅在写入文本文档时有用(type=".txt")。

HTML 中会忽略换行符。

如果您想在 HTML 中换行,则必须使用段落或 <br>:

示例

document.write("Hello World!");
document.write("<br>");
document.write("Have a nice day!");
亲自试一试 »
document.write("<p>Hello World!</p>");
document.write("<p>Have a nice day!</p>");
亲自试一试 »

浏览器支持

document.write所有浏览器都支持:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes