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控制cookie显示和隐藏背景图
Feb 12 Javascript
jQuery scroll事件实现监控滚动条分页示例
Apr 04 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
jQuery实现的进度条效果
Jul 15 Javascript
详解能在多种前端框架下使用的表格控件
Jan 11 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
在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.MVC的模板标签系统(五)
2006/09/05 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
php实现插入排序
2015/03/29 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
PHP中ID设置自增后不连续的原因分析及解决办法
2016/08/21 PHP
TNC vs RR BO3 第一场 2.14
2021/03/10 DOTA
javascript一些不错的函数脚本代码
2008/09/10 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
js微信支付实现代码
2016/12/22 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
jQuery实现广告条滚动效果
2017/08/22 jQuery
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
基于vue cli重构多页面脚手架过程详解
2018/01/23 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
Python牛刀小试密码爆破
2011/02/03 Python
Python计算三角函数之asin()方法的使用
2015/05/15 Python
Python获取邮件地址的方法
2015/07/10 Python
浅析Python中signal包的使用
2015/11/13 Python
详解通过API管理或定制开发ECS实例
2018/09/30 Python
Python 3 使用Pillow生成漂亮的分形树图片
2019/12/24 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
eBay美国官网:eBay.com
2020/10/24 全球购物
政法学院毕业生求职信
2014/02/28 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
十二生肖观后感
2015/06/12 职场文书
2016优秀护士求职自荐信
2016/01/28 职场文书