标签：HTML JS write API 测试 document Hello

JS 参考手册

JavaScript

Window

HTML DOM

Web API

HTML 对象

其他参考手册

建站手册

关于 W3School

帮助 W3School

HTML DOM Document write() 方法

定义和用法

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

警告

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

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

提示：write() 方法最常用于写入由 open() 方法打开的输出流。请参阅下方的实例。

另请参阅：

Document open() 方法

Document close() 方法

Document writeln() 方法

实例

例子 1

将文本直接写入 HTML 输出：

document.write("Hello World!");

亲自试一试

例子 2

将 HTML 元素直接写入 HTML 输出：

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, ...	可选。输出流。允许多个参数，并将按出现的顺序附加到文档中。

描述

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
支持	支持	支持	支持	支持	支持

JavaScript 和 HTML DOM 参考手册

JavaScript 实例

JavaScript 测验

JavaScript 教程

使用条款隐私条款技术支持：赢科蒙ICP备06004630号

标签：HTML,JS,write,API,测试,document,Hello
From： https://www.cnblogs.com/muex/p/17204563.html

测试

JS 参考手册

JavaScript

Window

HTML DOM

Web API

HTML 对象

其他参考手册

建站手册

关于 W3School

帮助 W3School

HTML DOM Document write() 方法

定义和用法

警告

另请参阅：

实例

例子 1

例子 2

例子 3

例子 4

例子 5

例子 6

语法

参数

返回值

write() 与 writeln() 的差别

实例

注意

例子 1

例子 2

浏览器支持

JavaScript 和 HTML DOM 参考手册

JavaScript 实例

JavaScript 测验

JavaScript 教程

相关文章

赞助商

阅读排行