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 相关文章推荐
js常用代码段整理
Nov 30 Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
Bootstrap datepicker日期选择器插件使用详解
Jul 26 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
使用Vue制作图片轮播组件思路详解
Mar 21 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
js代码规范之Eslint安装与配置详解
Sep 08 Javascript
阿望教你用vue写扫雷小游戏
Jan 20 Javascript
Openlayers学习之地图比例尺控件
Sep 28 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 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的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
php封装的smarty类完整实例
2016/10/19 PHP
php lcg_value与mt_rand生成0~1随机小数的效果对比分析
2017/04/05 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
jQuery 表单验证插件formValidation实现个性化错误提示
2009/06/23 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
2012/12/04 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
Angular的$http与$location
2016/12/26 Javascript
js将字符串中的每一个单词的首字母变为大写其余均为小写
2017/01/05 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
python回调函数的使用方法
2014/01/23 Python
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
Django模板Templates使用方法详解
2019/07/19 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
在Tensorflow中查看权重的实现
2020/01/24 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
matplotlib grid()设置网格线外观的实现
2021/02/22 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
英语教学随笔感言
2014/02/20 职场文书
小学假期安全广播稿
2014/09/28 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
离婚案件被告代理词
2015/05/23 职场文书