文档显示状态 和 文档状态 不是同一个东西, 前者主要是对文档的可见性作判断, 后者是对文档的加载过程作判断;

1. 文档显示状态: document.visibilityState;

2. 文档状态: document.readyState;

document.readyState; 
// "complete"

注意: 

1. "loading" : 加载HTML代码阶段, 此时尚未完成解析, document.visibilityState 为 "prerender";

2. "interactive" : 加载外部资源阶段;

3. "complete" : 加载完成;

4. 每次文档状态的变化都会触发一个 readystatechange 事件;