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 confirm选择判断
Oct 18 Javascript
自己的js工具_Form 封装
Aug 21 Javascript
利用jQuery 实现GridView异步排序、分页的代码
Feb 06 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
原生js的数组除重复简单实例
May 24 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
Node.js学习之TCP/IP数据通讯(实例讲解)
Oct 11 Javascript
vue父子组件通信的高级用法示例
Aug 29 Javascript
vue实现拖拽效果
Dec 23 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 17 Javascript
VUE之图片Base64编码使用ElementUI组件上传
Apr 09 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
最小化数据传输――在客户端存储数据
2006/10/09 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
yii2缓存Caching基本用法示例
2016/07/18 PHP
PHP7 新增功能
2021/03/09 PHP
提高 DHTML 页面性能
2006/12/25 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
2013/04/24 Javascript
JavaScript中的字符串操作详解
2013/11/12 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
jQuery编写textarea输入字数限制代码
2017/03/23 jQuery
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
2018/08/29 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
关于layui toolbar和template的结合使用方法
2019/09/19 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python实现的矩阵类实例
2017/08/22 Python
Python实现按特定格式对文件进行读写的方法示例
2017/11/30 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
CSS3 选择器 基本选择器介绍
2012/01/21 HTML / CSS
介绍一下MD5加密算法
2016/11/12 面试题
缓刑人员的思想汇报
2014/01/11 职场文书
小班开学寄语
2014/04/04 职场文书
企业承诺书怎么写
2014/05/24 职场文书
2014年财务个人工作总结
2014/12/08 职场文书
挂靠协议书
2015/01/27 职场文书
幼师自荐信范文
2015/03/06 职场文书
撤诉书怎么写
2015/05/19 职场文书