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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
jQuery实现点击标题输入详细信息
Apr 16 Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 Javascript
js简单判断移动端系统的方法
Feb 25 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
vue父组件通过props如何向子组件传递方法详解
Aug 16 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
初学node.js中实现删除用户路由
May 27 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
Jun 13 Javascript
vue-router跳转时打开新页面的两种方法
Jul 29 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/03 咖啡文化
安装APACHE
2007/01/15 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
微信公众平台接口开发入门示例
2014/12/24 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
thinkphp实现把数据库中的列的值存到下拉框中的方法
2017/01/20 PHP
PHP的自定义模板引擎
2017/03/24 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
prototype 1.5相关知识及他人笔记
2006/12/16 Javascript
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
深入探讨javascript函数式编程
2015/10/11 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
js中事件对象和事件委托的介绍
2019/01/21 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
.net工程师笔试题
2012/06/09 面试题
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
应用电子技术专业个人求职信
2013/09/21 职场文书
中西医专业毕业生职业规划书
2014/02/24 职场文书
食品流通安全承诺书
2014/05/22 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书