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按位非运算符的使用方法
Nov 14 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
angularJS 中input示例分享
Feb 09 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
js删除数组元素、清空数组的简单方法(必看)
Jul 27 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
Jul 10 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
实例教学如何写vue插件
Nov 30 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
简单分析js中的this的原理
Aug 31 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
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
php mysql_real_escape_string函数用法与实例教程
2013/09/30 PHP
谈谈PHP连接Access数据库的注意事项
2016/08/12 PHP
PHP自定义函数实现assign()数组分配到模板及extract()变量分配到模板功能示例
2018/05/23 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
Firefox div高度自适应
2009/04/28 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
JavaScript实现仿网易通行证表单验证
2015/05/25 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
2015/06/15 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
vue interceptor 使用教程实例详解
2018/09/13 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
Python中使用中文的方法
2011/02/19 Python
python 从远程服务器下载东西的代码
2013/02/10 Python
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python爬虫代理IP池实现方法
2017/01/05 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
python 指定源路径来解决import问题的操作
2021/03/04 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
Myprotein瑞典官方网站:畅销欧洲英国运动营养品牌
2018/01/22 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
大学生涯自我鉴定
2014/01/16 职场文书
市场开发计划书
2014/05/07 职场文书
物业消防安全责任书
2014/07/23 职场文书
2015年重阳节活动总结
2015/03/24 职场文书
学校证明范文
2015/06/24 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python