HTML DOM Document write() -menetelmä

Määritelmä ja käyttö

write() Menetelmä kirjoittaa suoraan avattuun (HTML) -dokumenttiläjään.

Varoitus

write() Menetelmä poistaa kaikki olemassa olevan HTML:n ladatulla dokumentilla.

write() Menetelmää ei voida käyttää XHTML:ssä tai XML:ssä.

Vinkki：write() Menetelmää käytetään yleensä kirjoittaessa open() -menetelmällä avattuun ulostuloon. Katso alla oleva esimerkki.

Lisätietoja：

Document open() -menetelmä

Document close() -menetelmä

Document writeln() -menetelmä

实例

例子 1

Kirjoita teksti suoraan HTML-ulostuloon：

document.write("Hello World!");

亲自试一试

例子 2

Kirjoita HTML-elementit suoraan HTML-ulostuloon：

document.write("<h2>Hello World!</h2><p>Have a nice day!</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
Tuki Tuki Tuki Tuki Tuki Tuki