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 相关文章推荐
Firefox window.close()的使用注意事项
Apr 11 Javascript
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
Oct 29 Javascript
js 蒙版进度条(结合图片)
Mar 10 Javascript
JSON 教程 json入门学习笔记
Sep 22 Javascript
IE与FireFox中的childNodes区别
Oct 20 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
JS实现音乐钢琴特效
Jan 06 Javascript
js实现上传图片到服务器
Apr 11 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创建PDF中文文档
2006/10/09 PHP
PHP计数器的实现代码
2013/06/08 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
配置Nginx+PHP的正确思路与过程
2016/05/10 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
2013/03/21 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
学习JavaScript编程语言的8张思维导图分享
2015/03/27 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
2017/05/23 Javascript
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
教你如何用node连接redis的示例代码
2018/07/12 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
matplotlib绘制符合论文要求的图片实例(必看篇)
2017/06/02 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
Scrapy-Redis结合POST请求获取数据的方法示例
2019/05/07 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
python 异步async库的使用说明
2020/05/04 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
运动会通讯稿500字
2014/02/20 职场文书
初三学生评语大全
2014/04/24 职场文书
倡议书格式模板
2014/05/13 职场文书
普通话宣传标语
2014/06/26 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript