JavaScript中使用document.write向页面输出内容实例


Posted in Javascript onOctober 16, 2014

document.write 命令向页面输出文字

本实例使用 JavaScript 的 document.write 命令向页面输出指定的文字,代码如下:

<script type="text/javascript">

document.write("我是向页面输出的文字!");

</script>

将上面部分代码,用文本编辑器保存为 write.html(或 write.htm)。双击 write.html 运行它(实际是使用 IE 等浏览器打开这个文件),会看到页面显示如下文字:
我是向页面输出的文字!

提示

如果使用 IE 浏览器提示:“为了有利于保护安全性,Internet Explorer 已经限制此网页运行可以访问计算机的脚本或 ActiveX 空间。”,那么请选择“允许阻止的内容”,以允许IE浏览器运行上面的 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 学习中频繁使用到,请务必熟练使用。

Javascript 相关文章推荐
jQuery下实现等待指定元素加载完毕(可改成纯js版)
Jul 11 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
jQuery获取选中内容及设置元素属性的方法
Jul 09 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
javascript基于prototype实现类似OOP继承的方法
Dec 16 Javascript
angularjs实现文字上下无缝滚动特效代码
Sep 04 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
js基础之事件捕获与冒泡原理
Oct 09 Javascript
JavaScript继承的三种方法实例
May 12 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 #Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 #Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 #Javascript
编程语言JavaScript简介
Oct 16 #Javascript
js父页面与子页面不同时显示的方法
Oct 16 #Javascript
Javascript Memoizer浅析
Oct 16 #Javascript
让JavaScript和其它资源并发下载的方法
Oct 16 #Javascript
You might like
利用php+mcDropdown实现文件路径可在下拉框选择
2013/08/07 PHP
PHP CodeIgniter框架的工作原理研究
2015/03/30 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
关于jquery css的使用介绍
2013/04/18 Javascript
子页向父页传值示例
2013/11/27 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
js实现旋转木马效果
2017/03/17 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
Python3基础之函数用法
2014/08/13 Python
Python数据结构之Array用法实例
2014/10/09 Python
Python selenium 三种等待方式解读
2016/09/15 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
.net软件工程师应聘上机试题
2015/03/10 面试题
酒店管理专业学生求职信
2013/09/27 职场文书
投资意向书范本
2014/04/01 职场文书
婚前协议书
2014/04/15 职场文书
贷款收入证明范本
2015/06/12 职场文书
军事理论课感想
2015/08/11 职场文书