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的显示隐藏。

 

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

 

posted @ 2018-02-24 15:37  wlgz  阅读(808)  评论(1编辑  收藏  举报