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 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
javascript replace()正则替换实现代码
Feb 26 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 Javascript
vue调用语音播放的方法
Sep 27 Javascript
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
JS中多层次排序算法的实现代码
Jan 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
虹吸壶是谁发明的?煮出来的咖啡好喝吗
2021/03/04 冲泡冲煮
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
jquery实现智能感知连接外网搜索
2013/05/21 Javascript
javascript操作css属性
2013/12/30 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
2016/05/27 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
JavaScript判断日期时间差的实例代码
2018/03/01 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
2020/11/02 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
详解Django中的form库的使用
2015/07/18 Python
浅析Python中signal包的使用
2015/11/13 Python
Django 导出 Excel 代码的实例详解
2017/08/11 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
Python reversed函数及使用方法解析
2020/03/17 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
鱼油专家:Omegavia
2016/10/10 全球购物
杭州SQL浙江浙大网新恩普软件有限公司
2013/07/27 面试题
一组SQL面试题
2016/02/15 面试题
实习生单位鉴定意见
2013/12/04 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL
python通过函数名调用函数的几种方法总结
2021/06/07 Python
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
Win11更新失败并提示0xc1900101
2022/04/19 数码科技
带你了解Java中的ForkJoin
2022/04/28 Java/Android