JavaScript write

JavaScript write教程

JavaScript 中 document.write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。同时,一次可列出多个参数(exp1,exp2,exp3,…) ,并将按顺序被追加到文档中。

document.write()方法详解

定义

document.write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

语法

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

参数

参数 说明
exp1,exp2,exp3,… 需要输出的文本。

说明

虽然根据 DOM 标准,该方法只接受单个 字符串 作为 参数。不过根据经验,write() 可接受任何多个参数。

我们通常按照两种的方式使用 write() 方法:一是在使用该方在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中,请务必使用 close() 方法来关闭文档。

案例

JavaScript document.write输出文本

使用 JavaScript 的 document.write输出文本

<!DOCTYPE html> <html> <head> <title>使用 JavaScript 的 document.write输出文本</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); document.write("嗨客网(www.haicoder.net)"); </script> </head> </html>

程序运行后,控制台输出如下:

61_javascript document write.png

我们直接使用 document.write 向网页上输出了一个 字符串

JavaScript document.write输出文本

使用 JavaScript 的 document.write 方法可以一次输出多个文本

<!DOCTYPE html> <html> <head> <title>使用 JavaScript 的 document.write输出文本</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); document.write("嗨客网(www.haicoder.net)", 1024, 109); </script> </head> </html>

程序运行后,控制台输出如下:

62_javascript document write.png

我们使用 document.write 可以一次输出多个文本,这些文本会被拼接在一起一次输出。

JavaScript document.write输出文本

使用 JavaScript 的 document.write 方法可以一次输出多个文本

<!DOCTYPE html> <html> <head> <title>使用 JavaScript 的 document.write输出文本</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); document.write("<b>嗨客网(www.haicoder.net)</b>", 1024, 109); </script> </head> </html>

程序运行后,控制台输出如下:

63_javascript document write.png

我们看到,使用 document.write 向浏览器输出文本时,如果文本中包含 html 标记,那么 html 标记也会被解析。

JavaScript document.write总结

在 JavaScript 中 document.write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。同时,一次可列出多个参数(exp1,exp2,exp3,…) ,并将按顺序被追加到文档中。document.write() 方法语法:

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