document.write（document. write的用法_write语法）

发布时间：2025-12-10 19:32:05 浏览次数：12

document. write的用法_write语法-document.write()作用

document. write的用法_write语法一、定义和用法文档节点的write()方法用于写入文档内容，可以传多个参数，写入的字符串会按HTML解析。语法：document.write()参数：字符串，可以传多个字符串参数返回值：undefined二、注意事项如果document.write()在DOMContentLoaded或load事件的回调函数中，当文档加载完成，则会先清空文档（自动调用document.open()），再把参数写入body内容的开头。在异步引入的js和DOMContentLoaded或load事件_document.write()用法

一、定义和用法

文档节点的write()方法用于写入文档内容，可以传多个参数，写入的字符串会按HTML解析。
语法：document.write()
参数：字符串，可以传多个字符串参数
返回值：undefined

二、注意事项

如果document.write()在DOMContentLoaded或load事件的回调函数中，当文档加载完成，则会先清空文档（自动调用document.open()），再把参数写入body内容的开头。

在异步引入的js和DOMContentLoaded或load事件的回调函数中运行document.write()，运行完后，最好手动关闭文档写入（document.close()）。

三、示例代码

在head中运行document.write()，则参数写在body内容的开头。

<!-- 运行前 --><head>    <script>        document.write('<p>test</p>');    </script></head><body>    <h2>write()</h2></body> <!-- 运行后 --><head>    <script>        document.write('<p>test</p>');    </script></head><body>    <p>test</p>    <h2>write()</h2></body>

希望我今天分享的这篇文章可以帮到您。

在body中运行document.write()，则参数写在运行的script标签后面

<!-- 运行前 --><p>    <script>        document.write('<p>test</p>');    </script>    <p>content</p></p> <!-- 运行后 --><p>    <script>        document.write('<p>test</p>');    </script>    <p>test</p>    <p>content</p></p>

同步引用外部js，参数也是写在运行的script标签后面

// syncWrite.jsdocument.write('<p>test</p>');<!-- syncWrite.html --><!-- 运行前 --><body>    <script src="syncWrite.js"></script>    <p>content</p></body> <!-- 运行后 --><body>    <script src="syncWrite.js"></script>    <p>test</p>    <p>content</p></body>

异步引用外部js，必须先运行document.open()清空文档，然后才能运行document.write()，参数写在body内容的开头。
如果不先运行document.open()，直接运行document.write()，则无效

// asyncWrite.jsdocument.open();document.write('<p>test</p>');document.close();<!-- asyncWrite.html --><!-- 运行前 --><body>    <script src="asyncWrite.js" async></script></body> <!-- 运行后 --><body>    <p>test</p></body>

如果document.write()在DOMContentLoaded或load事件的回调函数中，则不管是在head中，body中，同步的js中，异步的js中，
都会先清空文档（自动调用document.open()），然后运行document.write()，参数写在body内容的开头

<!-- 运行前 --><body>    <script>        window.addEventListener('load', function () {                document.write('<p>test</p>');            document.close();        }, false);    </script></body> <!-- 运行后 --><body>    <p>test</p></body>

document.write()也能写入含有script标签的字符串，但是需要转义。写入的script标签中的内容会正常运行。

<!-- 运行前 --><script>    document.write('<script>document.write("<p>test</p>");<\/script>');</script> <!-- 运行后 --><script>    document.write('<script>document.write("<p>test</p>");<\/script>');</script><script>document.write("<p>test</p>");</script><p>test</p>document.write()可以传入多个参数。<!-- 运行前 --><body>    <script>        document.write('<h2>multiArgument</h2>','<p>test</p>');    </script></body> <!-- 运行后 --><body>    <script>        document.write('<h2>multiArgument</h2>','<p>test</p>');    </script>    <h2>multiArgument</h2>    <p>test</p></body>

————————————————————————————

版权声明：本文为博主[weixin_33989780]文章，如有侵权请联系删除。
本文链接：https://segmentfault.com/a/1190000007958530

上一篇：深度开发1v3他们喜欢我1v2（深度学习之—yolov1,v2,v3详解）下一篇：阅读小程序定制开发如何？