本文详细介绍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 学习中频繁使用,请务必熟练掌握。