document.write 的方法介绍

2022-05-17 668 阅读1分钟

用处：只能在HTML输出中使用document.write

基本功能介绍

一个基本的JavaScript命令是document.write.这个命令简单地打印指定的文本内容到页面，为了逐字打印文本，在打印的文本字符串上加单引号。

document.write('Hello World!');

Document.write() 方法将一个文本字符串写入一个由 document.open() 打开的文档流（document stream）。

语法

document.write(markup);

参数

markup

一个包含要写入文档的文本的字符串。

写入文本

在写入文本的位置执行；

<html>
<head>
</head>
<body>
<h1>head</h1>

<script>
 document.write('<p>hello document</p>');
</script>

<h2>Tail</h2>
</body>
</html>

这段在h1和h2之间内嵌一个脚本，使用document.write来写入一个P标签；
刷新页面，可以看到结果

文本在脚本插入的位置执行；
- 浏览器解析HTML构建DOM的时候，如果遇到script就会暂停下来，解析script中的代码并执行，然后继续解析剩余HTML;(阻塞进行的)；
- 此时再去浏览器中检测DOM的结构，会发现script与h2之间多了一个p，浏览器在解析完h1之后，碰到script并执行之，此时document.write将一段HTML代码写入到文档流中，script执行完毕后，浏览器会解析文档流中的字符串，对新添加的p标签进行解析。