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 内置对象属性及方法集合
Jul 04 Javascript
使用隐藏的new来创建对象
Mar 29 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
JS实现的点击按钮图片上下滚动效果示例
Jan 28 Javascript
vue读取本地的excel文件并显示在网页上方法示例
May 29 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
详解JavaScript 的执行机制
Sep 18 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 curl获取到json对象并转成数组array的方法
2018/05/31 PHP
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
Prototype Class对象学习
2009/07/19 Javascript
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
JavaScript 对象链式操作测试代码
2010/04/25 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
微信小程序 解决swiper不显示图片的方法
2017/01/04 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
JS简单获取日期相差天数的方法
2017/04/24 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
Django中url的反向查询的方法
2018/03/14 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
python的Jenkins接口调用方式
2020/05/12 Python
基于python实现地址和经纬度转换
2020/05/19 Python
基于logstash实现日志文件同步elasticsearch
2020/08/06 Python
关于解决iframe标签嵌套问题的解决方法
2020/03/04 HTML / CSS
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
英国和爱尔兰最大的地毯零售商:Kukoon
2018/12/17 全球购物
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
放飞蜻蜓反思
2014/02/05 职场文书
应用心理学专业求职信
2014/08/04 职场文书
个人查摆剖析材料
2014/10/16 职场文书
公务员个人年终总结
2015/02/12 职场文书
初中团委工作总结
2015/08/13 职场文书
2016年情人节问候语
2015/11/11 职场文书