Window.onload versus $ (document). Ready ()

Window.onload: (1) You must wait for all content in the Web page to be loaded (including images) to execute, (2) You cannot write more than one, such as:

Window.onload = function () {

Alert ("Test1")

};

Window.onload = function () {

Alert ("Test2")

};

The results will only output "test2".

Two, $ (document). Ready (): (1) After all the DOM structures in the Web page have been drawn, the contents of the DOM element may not have been loaded;

(2) can write multiple at the same time, the following code is executed correctly;

$ (document). Ready (function () {

Alert ("Hello world!");

});

$ (document). Ready (function () {

Alert ("Hello again!");

});

The result is output twice;

$ (document). Ready (function () {

// ..

});

Can be simply written as:

$ (function () {

//..

})

Window.onload versus $ (document). Ready ()