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 相关文章推荐
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 Javascript
javascript工具库代码
Mar 29 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
Vue制作Todo List网页
Apr 26 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
May 22 Javascript
javascript遍历对象的五种方式实例代码
Oct 24 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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
Protoss兵种介绍
2020/03/14 星际争霸
PHP syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
javascript的trim,ltrim,rtrim自定义函数
2008/09/21 Javascript
Javascript 解疑
2009/11/11 Javascript
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
jquery实用代码片段集合
2010/08/12 Javascript
jquery随意添加移除html的实现代码
2011/06/21 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
深入理解JavaScript函数参数(推荐)
2016/07/26 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
python快速排序代码实例
2013/11/21 Python
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
python处理数据,存进hive表的方法
2018/07/04 Python
Python脚本操作Excel实现批量替换功能
2019/11/20 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
服装创业计划书范文
2014/02/05 职场文书
论文诚信承诺书
2014/05/23 职场文书
2015年超市工作总结
2015/04/09 职场文书
通用员工手册范本
2015/05/14 职场文书
女儿满月酒致辞
2015/07/29 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
Mysql数据库group by原理详解
2022/07/07 MySQL