js中document.write使用过程中的一点疑问解答
更新时间：2014年03月20日 11:21:10 作者：
本文为大家介绍下为何如果在页面加载完后如果调用document.write就会覆盖整个文档
本人是新手，所以就记录下来了。这个答案是在百度中看到的，所以算是转载。
下面的内容解答了何为如果在页面加载完后如果调用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非Alert实现网页右下角“未读信息”效果弹窗的方法,涉及JavaScript动态操作页面元素实现弹窗效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了CocosCreator新资源管理系统，从v2.4开始，Creator使用AssetBundle完全重构了资源底层，提供了更加灵活强大的资源管理方式，也解决了之前版本资源管理的痛点（资源依赖与引用），本文将带你深入了解Creator的新资源底层。2021-04-04
这篇文章主要为大家详细介绍了微信小程序仿知乎实现评论留言功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
通常网站自带的textarea编辑器不能满足我们的需求比如高亮显示代码等,在这篇文章中，我将使用JavaScript库ACE来创建一个输入框效果,该脚本允许开发人员创建支持语法高亮的输入框,感兴趣的你可不要错过了哈2013-02-02
这篇文章主要为大家详细介绍了js实现点击选项置顶动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要为大家详细介绍了zTree插件下拉树使用入门教程，感兴趣的小伙伴们可以参考一下2016-04-04
ES6中Set和Map数据结构，Map与其它数据结构互相转换操作实例详解
这篇文章主要介绍了ES6中Set和Map数据结构，Map与其它数据结构互相转换操作,结合实例形式详细分析了ES6中的Set和Map数据结构的概念、原理、遍历、去重等操作,以及Map与其它数据结构互相转换操作,需要的朋友可以参考下2019-02-02
这篇文章主要为大家介绍了JavaScript开发简单易懂的Svelte实现原理的内容详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步2021-11-11
这篇文章主要介绍了JavaScript将数据转换成整数的方法，有需要的朋友可以参考一下2014-01-01
再一次项目上用到ie的userdata，考虑当用户不使用flash插件用于存储一些聊天记录2010-07-07
最新评论