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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
Mar 18 Javascript
全系IE支持Bootstrap的解决方法
Oct 19 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
jQuery中delegate()方法的用法详解
Oct 13 Javascript
js实现开启密码大写提示
Dec 21 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
Node.js静态服务器的实现方法
Feb 28 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
详解为生产环境编译Angular2应用的方法
Dec 10 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 Javascript
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
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读取超大文件的实例代码
2012/04/01 PHP
PHP实现图的邻接矩阵表示及几种简单遍历算法分析
2017/11/24 PHP
Ext 表单布局实例代码
2009/04/30 Javascript
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
easyui combobox开启搜索自动完成功能的实例代码
2016/11/08 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
vue2.0结合Element-ui实战案例
2019/03/06 Javascript
node.js中事件触发器events的使用方法实例分析
2019/11/23 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
浅谈Django REST Framework限速
2017/12/12 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
html5画布旋转效果示例
2014/01/27 HTML / CSS
Sony C++笔试题
2013/03/10 面试题
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
密封类可以有虚函数吗
2014/08/11 面试题
后勤人员自我评价怎么写
2013/09/19 职场文书
高中生职业规划范文
2014/03/09 职场文书
车辆转让协议书
2014/09/24 职场文书
初中中等生评语
2014/12/29 职场文书
2015年团队工作总结范文
2015/05/04 职场文书