Méthode HTML DOM Document write()

Définition et utilisation

write() La méthode écrit directement dans le flux de document (HTML) ouvert.

Avertissement

write() La méthode supprime tous les HTML existants sur le document déjà chargé.

write() La méthode ne peut pas être utilisée dans XHTML ou XML.

Astuce :write() La méthode est le plus souvent utilisée pour écrire des flux de sortie ouverts par la méthode open(). Veuillez consulter l'exemple ci-dessous.

Veuillez également consulter :

Méthode Document open()

Méthode Document close()

Méthode Document writeln()

实例

例子 1

Écrire directement du texte dans la sortie HTML :

document.write("Hello World!");

亲自试一试

例子 2

Écrire directement des éléments HTML dans la sortie HTML :

document.write("<h2>Bonjour le monde!</h2><p>Avez une belle journée!</p>");

亲自试一试

例子 3

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

// 应该避免这种情况：
function myFunction() {
  document.write("Hello World!");
}

亲自试一试

例子 4

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

document.write(Date());

亲自试一试

例子 5

打开一个输出流，添加一些 HTML，然后关闭输出流：

document.open();
document.write("<h1>Hello World</h1>");
document.close();

亲自试一试

例子 6

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

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

亲自试一试

语法

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

参数

参数 描述
exp1, exp2, exp3,
...

可选。输出流。

允许多个参数，并将按出现的顺序附加到文档中。

返回值

无。

write() 与 writeln() 的差别

writeln() 在每条语句后添加换行符。write() 不会。

实例

document.write("Hello World!");
document.write("Have a nice day!");
document.write("<br>");
document.writeln("Hello World!");
document.writeln("Have a nice day!");

亲自试一试

注意

在 HTML 中使用 writeln() 是没有意义的。它仅在写入文本文档 (type=".txt") 时有用。HTML 中会忽略换行符。

如果您希望在 HTML 中换行，你必须使用段落或 <br>：

例子 1

document.write("Hello World!");
document.write("<br>");
document.write("Have a nice day!");

亲自试一试

例子 2

document.write("<p>Hello World!</p>");
document.write("<p>Have a nice day!</p>");

亲自试一试

浏览器支持

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support