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 相关文章推荐
js为数字添加逗号并格式化数字的代码
Aug 23 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
Aug 24 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
Jul 07 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 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
Terran魔法科技
2020/03/14 星际争霸
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
PHP封装的字符串加密解密函数
2015/12/18 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
php实现文件上传基本验证
2020/03/04 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
THINKPHP5.1 Config的配置与获取详解
2020/06/08 PHP
JS获取后台Cookies值的小例子
2013/03/04 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
2015/12/01 Javascript
轻松学习Javascript闭包函数
2015/12/15 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
Javascript点击按钮随机改变数字与其颜色
2016/09/01 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
javascript判断一个变量是数组还是对象
2019/04/10 Javascript
深入了解JavaScript 私有化
2019/05/30 Javascript
JS实现贪吃蛇游戏
2019/11/15 Javascript
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
基于HTML5 Canvas 实现商场监控实例详解
2017/11/20 HTML / CSS
Expedia挪威官网:酒店、机票和租车
2018/03/03 全球购物
美国智能家居专家:tink
2019/06/04 全球购物
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
个人求职信范文
2014/05/24 职场文书
社区健康教育工作方案
2014/06/03 职场文书
物理系毕业生自荐书
2014/06/13 职场文书
群众路线专项整治方案
2014/10/27 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
Ubuntu安装Mysql+启用远程连接的完整过程
2022/06/21 Servers