在HTML文件中，我们可以使用<script>标签来引入JavaScript代码，这使得我们可以在网页上添加交互性和动态效果。然而，在<script>标签中，我们经常使用document.write()方法来输出内容，那么这个方法到底为什么会在<script>标签中使用呢？
write()方法的作用
首先，让我们了解一下document.write()方法的作用。该方法可以将指定的文本写入HTML文档中。通常情况下，它被用于在页面加载期间向页面添加内容，例如：
-- -------------------- ---- ------- --------- ----- ------ ------ ------ ----- --- --------- -------- --------------------- --------- --------- ------- -------
在这个例子中，当浏览器加载这个页面时，它会将<h1>元素和<script>标签中的JavaScript代码一起解析。当浏览器遇到document.write()方法时，它将把"Hello World!"写入HTML文档中，因此最终的输出结果是"My First Web PageHello World!"。
为什么在<脚本>标签中使用write()方法？
现在我们知道了document.write()方法的作用，但我们仍然不清楚为什么要在<script>标签中使用它。实际上，这是由于<script>标签的特殊性质所致。
当浏览器解析HTML文档时，它会按照文档中元素的出现顺序逐个解析。如果浏览器遇到一个<script>标签，它就会停止解析HTML并开始解析JavaScript代码，直到遇到</script>标签为止。然后，它将继续解析HTML文档。
在这种情况下，如果我们使用document.write()方法来添加内容，它会被插入到当前解析位置之后的HTML文档中。因此，在<script>标签内使用document.write()方法可以方便地将内容插入到当前位置之后。
示例代码
让我们看一个例子：
-- -------------------- ---- ------- --------- ----- ------ ------ ------ ----- --- --------- ------- --------- -------- ----------------------- ------------ --------- ------- -------
在这个例子中，当浏览器解析到<script>标签时，它会停止解析HTML并开始解析JavaScript代码。然后，它将执行document.write("<p>More text.</p>");并将"
More text.
"写入到HTML文档中。由于document.write()方法是在<script>标签内部调用的，因此它会将新的<p>元素插入到当前位置之后，即在原来的<p>元素之后。
总结
要在<script>标签中使用document.write()方法，是因为这种方法可以方便地将内容插入到HTML文档中。然而，需要注意的是，如果在页面加载完成后再使用该方法，则它会覆盖整个文档。因此，在实际应用中，我们通常会使用DOM API来添加和修改文档内容，以避免不必要的麻烦。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8756
