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 相关文章推荐
关于document.cookie的使用javascript
Oct 29 Javascript
使用js显示当前时间示例
Mar 02 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
Web前端开发之水印、图片验证码
Nov 27 Javascript
vue.js学习笔记:如何加载本地json文件
Jan 17 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
vue 运用mock数据的示例代码
Nov 07 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
JavaScript实现图片轮播特效
Oct 23 Javascript
vue项目创建步骤及路由router
Jan 14 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 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执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
PHP常用的三种设计模式
2017/02/17 PHP
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
Three.js学习之几何形状
2016/08/01 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
2017/07/18 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
2019/09/18 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
2020/08/07 Javascript
python版学生管理系统
2018/01/10 Python
Php多进程实现代码
2018/05/07 Python
python SQLAlchemy的Mapping与Declarative详解
2019/07/04 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
使用Python的Turtle绘制哆啦A梦实例
2019/11/21 Python
python 定义类时,实现内部方法的互相调用
2019/12/25 Python
通过自学python能找到工作吗
2020/06/21 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
Araks官网:纽约内衣品牌
2020/10/15 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
简历的自荐信
2013/12/19 职场文书
表彰会主持词
2014/03/26 职场文书
安全目标管理责任书
2014/07/25 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
单位推荐信范文
2015/03/27 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
mysql外连接与内连接查询的不同之处
2021/06/03 MySQL