js中document.write使用过程中的一点疑问解答


Posted in Javascript onMarch 20, 2014

本人是新手,所以就记录下来了。这个答案是在百度中看到的,所以算是转载。

下面的内容解答了何为如果在页面加载完后如果调用document.write就会覆盖整个文档。

提示中的 【HTML 输出中】 指的是当页面加载的时候。

<html> 
<head></head> 
<body> 
<script type="text/javascript">document.write("<p>Hello</p>");</script> 
</body> 
</html>

当页面加载完毕,你会在页面看到 Hello。查看源文件就是上面的代码。

-------------------------

但如果页面已经加载完毕,再使用 document.write,那就会覆盖整个文档。

<html> 
<head></head> 
<body> 
<script type="text/javascript"> 
// 当点击鼠标时调用 document.write 
document.onclick = function() { 
document.write("<span>Javascript</span>"); 
}; 
</script> 
</body> 
</html>

因为鼠标动作是在页面加载完毕后执行的,所以整个页面会被 <span>Javascript</span>所覆盖。现在查看源文件就只会看到 <span>Javascript</span>。
Javascript 相关文章推荐
Javascript的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
javascript入门·对象属性方法大总结
Oct 01 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
Jul 21 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 Javascript
JS实现Cookie读、写、删除操作工具类示例
Aug 28 Javascript
说说如何使用Vuex进行状态管理(小结)
Apr 14 Javascript
js如何实现元素曝光上报
Aug 07 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
Feb 12 Javascript
解决Nuxt使用axios跨域问题
Jul 06 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 Javascript
js图片延迟技术一般的思路与示例
Mar 20 #Javascript
可恶的ie8提示缺少id未定义
Mar 20 #Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 #Javascript
js拖拽一些常见的思路方法整理
Mar 19 #Javascript
使用jquery实现以post打开新窗口
Mar 19 #Javascript
jquery判断小数点两位和自动删除小数两位后的数字
Mar 19 #Javascript
改变隐藏的input中value值的方法
Mar 19 #Javascript
You might like
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
javascript 获取图片颜色
2009/04/05 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
jquery动态加载图片数据练习代码
2011/08/04 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
vue.js删除动态绑定的radio的指定项
2017/06/02 Javascript
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
Vue 使用formData方式向后台发送数据的实现
2019/04/14 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
2019/08/20 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
Python 文件操作实现代码
2009/10/07 Python
python交互式图形编程实例(二)
2017/11/17 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
Python docx库用法示例分析
2019/02/16 Python
python实现比较类的两个instance(对象)是否相等的方法分析
2019/06/26 Python
Django的models模型的具体使用
2019/07/15 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
使用OpenCV对车道进行实时检测的实现示例代码
2020/06/19 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
python实现二分查找算法
2020/09/18 Python
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
时尚圣经:The Fashion Bible
2019/03/03 全球购物
企业承诺书格式
2014/05/21 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
员工自我工作评价
2015/03/06 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
2016七夕情人节感言
2015/12/09 职场文书
检举信的写法
2019/04/10 职场文书
Ruby处理YAML和json数据
2022/04/18 Ruby