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 23 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
Javascript this 关键字 详解
Oct 22 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
js实现导航栏中英文切换效果
Jan 16 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
Redux实现组合计数器的示例代码
Jul 04 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 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中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
PHP __autoload函数(自动载入类文件)的使用方法
2012/02/04 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
php多文件上传下载示例分享
2014/02/20 PHP
在WordPress中实现发送http请求的相关函数解析
2015/12/29 PHP
js取得url地址参数实例
2013/02/22 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
Angular-UI Bootstrap组件实现警报功能
2018/07/16 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
2019/03/16 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
全面解析Python的While循环语句的使用方法
2015/10/13 Python
基于Python实现一个简单的银行转账操作
2016/03/06 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
解决Djang2.0.1中的reverse导入失败的问题
2019/08/16 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
Python 串口通信的实现
2020/09/29 Python
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
资产评估专业大学生求职信
2013/09/29 职场文书
学院领导推荐信
2013/10/30 职场文书
医学生职业规划范文
2014/01/05 职场文书
加工操作管理制度
2014/01/19 职场文书
逃课上网检讨书
2014/02/20 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
地球一小时宣传标语
2014/06/24 职场文书
宣传活动总结范文
2014/07/01 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
社区党建工作汇报材料
2014/10/27 职场文书