js中document.write使用过程中的一点疑问解答
更新时间：2014年03月20日 11:21:10 作者：
本文为大家介绍下为何如果在页面加载完后如果调用document.write就会覆盖整个文档
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
本人是新手，所以就记录下来了。这个答案是在百度中看到的，所以算是转载。
下面的内容解答了何为如果在页面加载完后如果调用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>。
下面的内容解答了何为如果在页面加载完后如果调用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>。
相关文章
本篇文章主要介绍了js常用的继承--组合式继承的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
将string解析为json的几种方式小结,需要的朋友可以参考下。2010-11-11
在ECSHOP的目录/JS/common.js中有一个openSpeDiv方法是实现ECSHOP的弹窗效果的。接下来通过本文给大家分享使用openSpeDiv方法实现Ecshop登录弹窗框效果，需要的朋友参考下2017-03-03
这篇文章主要为大家介绍了如何利用JavaScript实现四个常用的排序：插入排序、交换排序、选择排序和归并排序，文中利用动图详细介绍了实现过程，需要的可以参考一下2022-02-02
JavaScript用JQuery呼叫Server端方法示例代码
这篇文章主要介绍了JavaScript用JQuery呼叫Server端方法,需要的朋友可以参考下2014-09-09
这篇文章主要为大家介绍了合并多个ArrayBuffer方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
这篇文章主要介绍了JavaScript简单下拉菜单,采用JavaScript定时函数递归调用实现菜单渐显效果,非常简单实用,需要的朋友可以参考下2015-09-09
本篇文章通过仿照淘宝搜索关键字后下拉相关产品搜索样子的制作，深度分析了JSsearch的用法，一起跟着小编学习下吧。2018-01-01
这篇文章主要为大家详细介绍了js简单实现网页换肤功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
传递信息到服务器，从服务器获取信息，是前端发展的重中之重，尤其是现在前后端分离的大前提下，前后端的数据交互是前端的必修科目了，下面这篇文章主要给大家介绍了关于JavaScript利用fetch实现异步请求的相关资料，需要的朋友可以参考借鉴。2017-07-07
最新评论