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 Prototype对象
Jan 07 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 Javascript
详解vue express启动数据服务
Jul 05 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
ionic grid(栅格)九宫格制作详解
Jun 30 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
Jun 10 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
vue 数据操作相关总结
Dec 17 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
农民C键的运用技巧
2020/03/04 星际争霸
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
jquery取消事件冒泡的三种方法(推荐)
2016/05/28 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
vue2.0之多页面的开发的示例
2018/01/30 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
Python读写Excel文件方法介绍
2014/11/22 Python
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
python从入门到精通(DAY 1)
2015/12/20 Python
python字符串连接方法分析
2016/04/12 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
2020/05/22 Python
django template实现定义临时变量,自定义赋值、自增实例
2020/07/12 Python
通俗易懂了解Python装饰器原理
2020/09/17 Python
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
Java语言的优势
2015/01/10 面试题
毕业生自荐信的主要内容
2013/10/29 职场文书
销售员岗位职责范本
2014/02/03 职场文书
2014组织生活会方案
2014/05/19 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书
新西兰:最新留学学习计划书写作指南
2019/07/15 职场文书
python保存大型 .mat 数据文件报错超出 IO 限制的操作
2021/05/10 Python