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在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
php+js实现倒计时功能
Jun 02 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 Javascript
php基于redis处理session的方法
Mar 14 Javascript
基于jQuery ligerUI实现分页样式
Sep 18 Javascript
JavaScript 闭包机制详解及实例代码
Oct 10 Javascript
详解EasyUi控件中的Datagrid
Aug 23 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
Dec 22 Javascript
Angular2 父子组件通信方式的示例
Jan 29 Javascript
小程序如何自主实现拦截器的示例代码
Nov 04 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
php中var_export与var_dump的区别分析
2010/08/21 PHP
php中获得视频时间总长度的另一种方法
2011/09/15 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
php 可变函数使用小结
2018/06/12 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
js实现按钮加背景图片常用方法
2014/11/01 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
2019/01/24 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
2019/08/01 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
原生JavaScript实现购物车
2021/01/10 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
代码讲解Python对Windows服务进行监控
2018/02/11 Python
Python操作mongodb的9个步骤
2018/06/04 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
责任担保书范文
2014/05/21 职场文书
司机岗位职责说明书
2014/07/29 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
诉讼授权委托书
2014/10/15 职场文书
乔迁之喜答谢词
2015/01/05 职场文书
大学生国家助学金感谢信
2015/01/23 职场文书
关于远足的感想
2015/08/10 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
科普 | 业余无线电知识-波段篇
2022/02/18 无线电
nginx 配置指令之location使用详解
2022/05/25 Servers
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS