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 相关文章推荐
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
Oct 24 Javascript
Js 时间间隔计算的函数(间隔天数)
Nov 15 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
Apr 24 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
跟我学习javascript的var预解析与函数声明提升
Nov 16 Javascript
jQuery 调用WebService 实例讲解
Jun 28 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
Jul 17 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
深入理解移动前端开发之viewport
Oct 19 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工厂模式的好处
2013/06/18 PHP
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
js 调整select 位置的函数
2008/02/21 Javascript
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
js网页右下角提示框实例
2014/10/14 Javascript
js无法获取到html标签的属性的解决方法
2016/07/26 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
python操作gmail实例
2015/01/14 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
Python面向对象类的继承实例详解
2018/06/27 Python
python画双y轴图像的示例代码
2019/07/07 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
python如何将图片转换素描画
2020/09/08 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
css3学习系列之移动属性详解
2017/07/04 HTML / CSS
HTML5 新事件 小结
2009/07/16 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
中专毕业自我鉴定
2013/10/16 职场文书
电大自我鉴定
2013/10/27 职场文书
实习教师自我鉴定
2013/12/09 职场文书
大型活动策划方案
2014/01/12 职场文书
十八届三中全会感言
2014/03/10 职场文书
幼儿园中班下学期评语
2014/04/18 职场文书
五四演讲稿范文
2014/09/03 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
入党个人总结范文
2015/03/02 职场文书
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
python turtle绘图
2022/05/04 Python