jquery in $ (document). Ready (function () {//todo}); Window.onload timeline Relationship

1, Dom-based parsing loading process, namely: Document.readystate State,

It has the following four statuses:

A, uninitiated, uninitialized state.

B, Loading,dom began to parse.

C, Loaded,dom parsing complete, Document.ready trigger, and then load other things (Pictures, deferred loading JS code, etc.).

D, complete, the required image asynchronous JS, etc. also loaded, the entire page is not requested data.

2. Examples are as follows:

Document.onreadystatechange = function () {

if (document.readystate = = "complete") {//Enter when the page load status is completely closed
Console.log ("Dom resolve complete");
} else if (document.readystate== "loading") {

Console.log ("Dom resolving");

}else if (document.readystate = = "Loaded") {

Console.log ("Dom resolved ...");

}

}