document.readyState

之前对这个属性认识都与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