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 相关文章推荐
javascript 原型链维护和继承详解
Nov 26 Javascript
js验证框架实现代码分享
May 18 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
Bootstrap基本组件学习笔记之分页(12)
Dec 08 Javascript
利用forever和pm2部署node.js项目过程
May 10 Javascript
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
Mar 05 Javascript
javascript+HTML5 canvas绘制时钟功能示例
May 15 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 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环境――Appserv
2006/12/13 PHP
php计算整个mysql数据库大小的方法
2015/06/19 PHP
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
JavaScript经典效果集锦
2010/07/06 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
FusionCharts图表显示双Y轴双(多)曲线
2012/11/22 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
使用JQ完成表格隔行换色的简单实例
2017/08/25 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
node 使用 async 控制并发的方法
2018/05/07 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
用python找出那些被“标记”的照片
2017/04/20 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
Python读取csv文件实例解析
2019/12/30 Python
Keras-多输入多输出实例(多任务)
2020/06/22 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
销售业务实习自我鉴定
2013/09/23 职场文书
项目合作意向书范本
2014/04/01 职场文书
二年级评语大全
2014/04/23 职场文书
2014年党支部学习材料
2014/05/19 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers
Golang 字符串的常见操作
2022/04/19 Golang