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 相关文章推荐
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
Nov 03 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 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自动跳转中英文页面
2008/07/29 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
深入PHP购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
JS函数的几种定义方式分析
2015/12/17 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
浅谈Javascript数组(推荐)
2016/05/17 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
layui 实现加载动画以及非真实加载进度的方法
2019/09/23 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
35个Python编程小技巧
2014/04/01 Python
python字符串与url编码的转换实例
2018/05/10 Python
python打包生成的exe文件运行时提示缺少模块的解决方法
2018/10/31 Python
使用Python3内置文档高效学习以及官方中文文档
2019/05/19 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
python 装饰器的基本使用
2021/01/13 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
美国孩之宝玩具官网:Hasbro Pulse
2019/06/24 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
预备党员党校学习自我评价分享
2013/11/12 职场文书
采购部经理岗位职责
2014/02/10 职场文书
行政专员的岗位职责
2014/03/10 职场文书
爱护公共设施的标语
2014/06/24 职场文书
副校长竞聘演讲稿
2014/09/01 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
谢师宴学生致辞
2015/07/27 职场文书