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插件之打造自定义的select标签
Nov 30 Javascript
jquery中.add()的使用分析
Apr 26 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
javascript中apply、call和bind的使用区别
Apr 05 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
Jun 04 Javascript
React Native 环境搭建的教程
Aug 19 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
JS实现的小火箭发射动画效果示例
Dec 08 Javascript
jquery实现动态创建form并提交的方法示例
May 27 jQuery
react 生命周期实例分析
May 18 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中执行系统命令的方法
2015/03/21 PHP
微信公众平台开发之配置与请求
2015/08/26 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
jQuery实现三级菜单的代码
2016/05/09 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
js实现简单的打印表格
2020/01/15 Javascript
mpvue实现微信小程序快递单号查询代码
2020/04/03 Javascript
JS实现简单打字测试
2020/06/24 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
python常规方法实现数组的全排列
2015/03/17 Python
mac PyCharm添加Python解释器及添加package路径的方法
2018/10/29 Python
详解爬虫被封的问题
2019/04/23 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
python SQLAlchemy的Mapping与Declarative详解
2019/07/04 Python
Python基本类型的连接组合和互相转换方式(13种)
2019/12/16 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
HTML5中微数据概述及在搜索引擎中的使用举例
2013/02/07 HTML / CSS
关于解决iframe标签嵌套问题的解决方法
2020/03/04 HTML / CSS
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
马来西亚网上花店:FlowerAdvisor马来西亚
2020/01/03 全球购物
java程序员面试交流
2012/11/29 面试题
医护人员英文求职信范文
2013/11/26 职场文书
生日寿宴答谢词
2014/01/19 职场文书
史上最牛辞职信
2015/05/13 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript
微信小程序调用python模型
2022/04/21 Python
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL