document.onreadystatechange

window 指窗体。Window 对象表示浏览器中打开的窗口。
document指页面。document是window的一个子对象、一个对象属性。

document对象：代表整个HTML 文档，可用来访问页面中的所有元素。

1.document.onreadystatechange //当页面加载状态改变的时候执行

document.readyState

loading / 正在加载
document 仍在加载。
interactive / 可交互
文档已被解析，"正在加载"状态结束，但是诸如图像，样式表和框架之类的子资源仍在加载。
complete / 完成
文档和所有子资源已完成加载。表示 load 状态的事件即将被触发。

2.document.ready //函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。

3.window.onload //表示页面包含图片等文件在内的所有元素都加载完成。