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 相关文章推荐
offsetParent 算法分析
Apr 05 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
js监听input输入框值的实时变化实例
Jan 26 Javascript
JS数组操作中的经典算法实例讲解
Jul 26 Javascript
BootstrapTable加载按钮功能实例代码详解
Sep 22 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 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 empty() 检查一个变量是否为空
2011/11/10 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
JavaScript 面向对象之命名空间
2010/05/04 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
提交按钮的name='submit'引起的js失效问题及原因
2015/02/25 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
JS产生随机数的几个用法详解
2016/06/22 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
jQuery实现判断控件是否显示的方法
2017/01/11 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
2017/09/04 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
Javascript原生ajax请求代码实例
2020/02/20 Javascript
JS实现多功能计算器
2020/10/28 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
Python 操作文件的基本方法总结
2017/08/10 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
python实现kNN算法识别手写体数字的示例代码
2019/08/16 Python
Python的垃圾回收机制详解
2019/08/28 Python
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
最热门的自我评价
2013/12/30 职场文书
大学生励志演讲稿
2014/04/25 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
会议室标语
2014/06/21 职场文书
2014年内勤工作总结
2014/11/24 职场文书
感谢信怎么写
2015/01/21 职场文书
拯救大兵瑞恩观后感
2015/06/09 职场文书
Redis三种集群模式详解
2021/10/05 Redis
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL
nginx访问报403错误的几种情况详解
2022/07/23 Servers