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>。

相关文章

  • JS非Alert实现网页右下角“未读信息”效果弹窗

    JS非Alert实现网页右下角“未读信息”效果弹窗

    这篇文章主要介绍了JS非Alert实现网页右下角“未读信息”效果弹窗的方法,涉及JavaScript动态操作页面元素实现弹窗效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 剖析CocosCreator新资源管理系统

    剖析CocosCreator新资源管理系统

    这篇文章主要介绍了CocosCreator新资源管理系统,从v2.4开始,Creator使用AssetBundle完全重构了资源底层,提供了更加灵活强大的资源管理方式,也解决了之前版本资源管理的痛点(资源依赖与引用),本文将带你深入了解Creator的新资源底层。
    2021-04-04
  • 微信小程序仿知乎实现评论留言功能

    微信小程序仿知乎实现评论留言功能

    这篇文章主要为大家详细介绍了微信小程序仿知乎实现评论留言功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JavaScript建立一个语法高亮输入框实现思路

    JavaScript建立一个语法高亮输入框实现思路

    通常网站自带的textarea编辑器不能满足我们的需求比如高亮显示代码等,在这篇文章中,我将使用JavaScript库ACE来创建一个输入框效果,该脚本允许开发人员创建支持语法高亮的输入框,感兴趣的你可不要错过了哈
    2013-02-02
  • js实现点击选项置顶动画效果

    js实现点击选项置顶动画效果

    这篇文章主要为大家详细介绍了js实现点击选项置顶动画效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • zTree插件下拉树使用入门教程

    zTree插件下拉树使用入门教程

    这篇文章主要为大家详细介绍了zTree插件下拉树使用入门教程,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解

    ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解

    这篇文章主要介绍了ES6中Set和Map数据结构,Map与其它数据结构互相转换操作,结合实例形式详细分析了ES6中的Set和Map数据结构的概念、原理、遍历、去重等操作,以及Map与其它数据结构互相转换操作,需要的朋友可以参考下
    2019-02-02
  • JavaScript开发简单易懂的Svelte实现原理详解

    JavaScript开发简单易懂的Svelte实现原理详解

    这篇文章主要为大家介绍了JavaScript开发简单易懂的Svelte实现原理的内容详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步
    2021-11-11
  • JavaScript将数据转换成整数的方法

    JavaScript将数据转换成整数的方法

    这篇文章主要介绍了JavaScript将数据转换成整数的方法,有需要的朋友可以参考一下
    2014-01-01
  • IE本地存储userdata的一个bug说明

    IE本地存储userdata的一个bug说明

    再一次项目上用到ie的userdata,考虑当用户不使用flash插件用于存储一些聊天记录
    2010-07-07

最新评论