页面加载进度条实现——readyState和onreadystatechange

document.readyState 属性返回当前文档的状态（载入中……）。

共有四种取值：

1，uninitialized - 还未开始载入  uninitialized  英 [ʌnɪ'nɪʃlaɪzd]  未初始化

2，loading - 载入中

3，interactive - 已加载，文档与用户可以开始交互  interactive 英 [ˌɪntərˈæktɪv]   adj.互动的;互相作用的，相互影响的;[计]交互式的

4，complete - 载入完成

 

document.onreadystatechange：当页面加载状态改变的时候执行这个方法

onreadystatechange 事件通常用在基于 XMLHttpRequest 对象的 AJAX 应用中，当的该对象的 load state 改变时，会触发此事件。

但在 IE 中 onreadystatechange 事件是其私有实现的，用于数据加载的 IMG、SCRIPT 和 LINK 标记，常常被误用 onreadystatechange 事件而导致在非 IE 浏览器中无法得到预期结果。

 

知识扩展：onload，指示页面包含图片等文件在内的所有元素都加载完成。

支持该事件的 HTML 标签：, , ,