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>。
相关文章
JavaScript基于ChatGPT API实现划词翻译浏览器脚本
最近 GitHub 上有个基于 ChatGPT API 的浏览器脚本，openai-translator， 短时间内 star 冲到了 9.7k，抛开 tauri 是使用 rust 部分，那浏览器部分实现还是比较简单的，今天我们就来手动实现一下2023-03-03
这篇文章主要介绍了Javascript中的高阶函数介绍,本文讲解了什么是高阶函数、Javascript的高阶函数、还原高阶函数、高阶函数使用实例等内容,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了JavaScript创建闭包的两种方式的优劣与区别分析的相关资料,需要的朋友可以参考下2015-06-06
下面小编就为大家带来一篇js匿名函数作为函数参数详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
下面小编就为大家带来一篇判断数组是否包含某个元素的js函数实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
JavaScript的特性中有一部分特性带来的麻烦远远超出它们的价值。2010-02-02
这篇文章主要为大家介绍了String对象的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要为大家介绍了从axios源码角度解决bug的过程记录，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
js 开发之autocomplete="off"在chrom中失效的解决办法
这篇文章主要介绍了js 开发之autocomplete="off"在chrom中失效的解决办法的相关资料,希望通过本文能帮助到大家，解决遇到这样的问题，需要的朋友可以参考下2017-09-09
本文主要介绍如何使用headjs来管理和异步加载js，提高页面的加载速度，需要的朋友可以参考下2016-11-11
最新评论