JavaScript中document.write输出内容详解

作者:闭包旅人

时间:2026-10-28

浏览:544

本文详细介绍JavaScript中document.write命令的用法,演示如何向页面输出纯文本及包含HTML标签的内容。通过保存为HTML文件并在浏览器中运行,展示实际效果。同时针对IE浏览器的安全限制提供解决方案,帮助开发者掌握这一基础输出方法。

文章目录

JavaScript中document.write输出内容详解

利用 document.write 命令可向网页输出文本内容

本示例演示如何通过 JavaScript 的 document.write 命令在页面中输出指定文字,具体代码如下:

代码示例:

<script type="text/javascript">
document.write("我是向页面输出的文字!");
</script>

将上述代码片段保存为 write.html(或 write.htm)文件。双击该文件,使用 IE 等浏览器打开运行,页面将显示如下文字内容:

输出结果:

我是向页面输出的文字!

注意事项

若在 IE 浏览器中遇到提示:“为了有利于保护安全性,Internet Explorer 已经限制此网页运行可以访问计算机的脚本或 ActiveX 空间。”,请点击“允许阻止的内容”以启用该 JavaScript 代码的执行。

document.write 输出包含 HTML 标签的文字

若需输出的文字中包含 HTML 标签,只需在字符串中直接嵌入标签即可实现:

代码示例:

<script type="text/javascript">
document.write("<h1>我是向页面输出的文字!</h1>");
</script>

语法解析

与之前的《JavaScript 弹出提示框实例》类似,document.write 是标准的 JavaScript 语法命令,用于向 Web 页面输出指定的字符串。需要输出的字符应使用双引号 "" 或单引号 '' 包裹,并作为参数放入 document.write() 函数中。

本示例使用的 document.write 命令与弹出框指令 alert 将在后续的 JavaScript 学习中频繁使用,请务必熟练掌握。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章