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的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
基于Bootstrap重置输入框内容按钮插件
May 12 Javascript
全面解析Angular中$Apply()及$Digest()的区别
Aug 04 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
Sep 27 Javascript
jquery表单插件form使用方法详解
Jan 20 Javascript
js实现自定义路由
Feb 04 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 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 eval函数用法总结
2012/10/31 PHP
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
PHP实现根据设备类型自动跳转相应页面的方法
2014/07/24 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
jquery 简单导航实现代码
2009/09/11 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
jquery增加和删除元素的方法
2015/01/14 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
2015/03/25 Javascript
JavaScript的类型、值和变量小结
2015/07/09 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
2015/12/29 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
Trip.com香港网站:Ctrip携程旗下,全球最大的网上旅游社之一
2016/08/01 全球购物
Java如何调用外部Exe程序
2015/07/04 面试题
成人大专生实习期的自我评价
2013/10/02 职场文书
会计自我鉴定范文
2013/10/06 职场文书
校园报刊亭的创业计划书
2014/01/02 职场文书
内业资料员岗位职责
2014/01/04 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技