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 OOP类与继承
Nov 15 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
Feb 26 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
jQuery获取file控件中图片的宽高与大小
Aug 04 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
Mar 15 Javascript
node.js操作MongoDB的实例详解
Oct 11 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
Apr 13 Javascript
React Ant Design树形表格的复杂增删改操作
Nov 02 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 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
php专用数组排序类ArraySortUtil用法实例
2015/04/03 PHP
js获取变量
2006/08/24 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
js结合正则实现国内手机号段校验
2015/06/19 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
2018/09/14 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
layui的layedit富文本赋值方法
2019/09/18 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
原生JS实现天气预报
2020/06/16 Javascript
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python操作摄像头截图实现远程监控的例子
2014/03/25 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
Python中的上下文管理器相关知识详解
2019/09/19 Python
Python实现仿射密码的思路详解
2020/04/23 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
Python:__eq__和__str__函数的使用示例
2020/09/26 Python
python爬虫筛选工作实例讲解
2020/11/23 Python
移动端html5模拟长按事件的实现方法
2018/09/30 HTML / CSS
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
社团文化节策划书
2014/02/01 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL