document.readyState和xmlhttp.onreadystatechange

document.readyState的几种状态

0-uninitialized：XML 对象被产生，但没有任何文件被加载。 
1-loading：加载程序进行中，但文件尚未开始解析。 
2-loaded：部分的文件已经加载且进行解析，但对象模型尚未生效。 
3-interactive：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。 
4-completed：文件已完全加载，代表加载成功。 

https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState

onreadystatechange属于XMLHttpRequest。

var xmlhttp = new XMLHttpRequest(),
    method = "GET",
    url = "https://developer.mozilla.org/";

xmlhttp.open(method, url, true);
xmlhttp.onreadystatechange = function () {
        if(xmlhttp.readyState === XMLHttpRequest.DONE && xmlhttp.status === 200) console.log(xmlhttp.responseText);
    };
xmlhttp.send();

 

jQuery events .load(), .ready(), .unload()

浏览器加载流程

http://www.jianshu.com/p/e141d1543143