document.readyState

最新推荐文章于 2021-04-25 08:09:22 发布

weixin_34245749

最新推荐文章于 2021-04-25 08:09:22 发布

阅读量284

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wlgz/p/8466083.html

本文介绍了 HTML5 中 document.readyState 属性的作用及使用方法。此属性可用于监控文档加载状态，包括 loading（加载中）、interactive（交互式）和 complete（完成）三个阶段。作者还分享了如何利用该属性来实现页面加载进度的提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前对这个属性认识都与ajax相关，早上看博客，发现提到这个属性，挺感兴趣就记录下。

　　document.readyState属性描述了文档的加载状态，引自mdn，

　　当一个文档readyState属性发生更改时，readystatechange 事件会被触发：

    document.onreadystatechange = function () {
              console.log(document.readyState);  
               一个文档readystate有以下状态：
                    loading：表示document仍在加载；
                    interactive：文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。
                    complete：文档和所有子资源已完成加载。状态表示load事件即将触发。
    
    }

　　可以通过这个属性做进度条，判断document.readyState == 'complete'的状态，切换loading的显示隐藏。

　　在杭州的最后一天班了，下次写博客也不知道什么时候了，然后就要回郑州了。也祝自己郑州找工作顺利。

转载于:https://www.cnblogs.com/wlgz/p/8466083.html