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实现在字符串中提取数字
Nov 05 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
Vuex简单入门
Apr 19 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
Node.js readline模块与util模块的使用
Mar 01 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
Sep 06 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
JavaScript This指向问题详解
Nov 25 Javascript
Vue2.0搭建脚手架
Mar 13 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 危险函数解释 分析
2009/04/22 PHP
解析php扩展php_curl.dll不加载的解决方法
2013/06/26 PHP
Laravel实现表单提交
2017/05/07 PHP
php取出数组单个值的方法
2018/03/12 PHP
PHP实现的微信公众号扫码模拟登录功能示例
2019/05/30 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
Javascript中Eval函数的使用
2010/03/23 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
基于JS实现Android,iOS一个手势动画效果
2016/04/27 Javascript
基于JQuery的Ajax方法使用详解
2017/08/16 jQuery
原生js调用json方法总结
2018/02/22 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
Python作用域用法实例详解
2016/03/15 Python
Python 反转字符串(reverse)的方法小结
2018/02/20 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
详解python之协程gevent模块
2018/06/14 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
Styleonme中文网:韩国高档人气品牌
2017/06/21 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
J2EE是技术还是平台还是框架
2016/08/14 面试题
操行评语大全
2014/04/30 职场文书
2014年检验员工作总结
2014/11/19 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
开会通知
2015/04/20 职场文书
人生感悟经典句子
2019/08/20 职场文书