之前对这个属性认识都与ajax相关,早上看博客,发现提到这个属性,挺感兴趣就记录下。
document.readyState属性描述了文档的加载状态,引自mdn,
当一个文档readyState属性发生更改时,readystatechange 事件会被触发:
document.onreadystatechange = function () {
console.log(document.readyState);
一个文档readystate有以下状态:
loading:表示document仍在加载;
interactive:文档已经完成加载,文档已被解析,但是诸如图像,样式表和框架之类的子资源仍在加载。
complete:文档和所有子资源已完成加载。状态表示load事件即将触发。
}
可以通过这个属性做进度条,判断document.readyState == 'complete'的状态,切换loading的显示隐藏。
在杭州的最后一天班了,下次写博客也不知道什么时候了, 然后就要回郑州了。也祝自己郑州找工作顺利。