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操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
Dec 16 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
protractor的安装与基本使用教程
Jul 07 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 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的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
php按单词截取字符串的方法
2015/04/07 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
2007/10/01 Javascript
Javascript的闭包
2009/12/31 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
详解Vue SPA项目优化小记
2018/07/03 Javascript
Vue核心概念Action的总结
2019/01/18 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
在IPython中进行Python程序执行时间的测量方法
2018/11/01 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
Django Admin中增加导出Excel功能过程解析
2019/09/04 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
美国南部最大的家族百货公司:Belk
2017/01/30 全球购物
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
Smashbox英国官网:美国知名彩妆品牌
2017/11/13 全球购物
英语商务邀请函范文
2014/01/16 职场文书
会计的岗位职责
2014/03/15 职场文书
班级出游活动计划书
2014/08/15 职场文书
2014年档案室工作总结
2014/12/01 职场文书
安全教育主题班会总结
2015/08/14 职场文书
导游词之无锡唐城
2019/12/12 职场文书
oracle表分区的概念及操作
2021/04/24 Oracle