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 相关文章推荐
类似CSDN图片切换效果脚本
Sep 17 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
js QQ客服悬浮效果实现代码
Dec 12 Javascript
浅谈js函数的多种定义方法与区别
Nov 29 Javascript
用原生js做单页应用
Jan 17 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
vuex实现像调用模板方法一样调用Mutations方法
Nov 06 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
如何使用Strace调试工具
2013/06/03 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
php基于协程实现异步的方法分析
2019/07/17 PHP
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
详解AngularJS中的filter过滤器用法
2016/01/04 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
使用JSON格式提交数据到服务端的实例代码
2018/04/01 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
浅谈webpack4.x 入门(一篇足矣)
2018/09/05 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
python通过加号运算符操作列表的方法
2015/07/28 Python
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
详解Python使用simplejson模块解析JSON的方法
2016/03/24 Python
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
用python制作游戏外挂
2018/01/04 Python
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
python3 判断列表是一个空列表的方法
2018/05/04 Python
python3对接mysql数据库实例详解
2019/04/30 Python
Python人脸识别第三方库face_recognition接口说明文档
2019/05/03 Python
Django之路由层的实现
2019/09/09 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
解释一下抽象方法和抽象类
2016/08/27 面试题
Windows和Linux动态库应用异同
2016/07/28 面试题
大学生蛋糕店创业计划书
2014/01/13 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
大学生应聘求职信
2014/05/26 职场文书
行风评议整改报告
2014/11/06 职场文书