1. Execution Time
Window.onload must wait until all the elements of the page that include the picture have been loaded before they can be executed.
$ (document). Ready () is executed when the DOM structure is drawn and does not have to wait for the load to complete.
2. Different writing numbers
Window.onload cannot write multiple at the same time, if there are multiple window.onload methods, only one
$ (document). Ready () can be written multiple at the same time and can be executed
3. Simplified notation
Window.onload No simplified notation
$ (document). Ready (function () {}) can be simply written as $ (function () {}); 0
The general wording I am writing now is:
$ (function () { //----------})
This time, do not have to wait for all the JS and pictures loaded, you can execute some methods, but sometimes, must wait for all the
Elements are loaded, before you can execute some methods, for example, some pictures or what other aspects have not been loaded well, this time, click on certain buttons, will cause an unexpected situation, this time,
Need to use:
$ (window). Load (function () { $ ("#btn"). Click (function () { //-------------- });});
Window.onload = function () {} is written with $ (window). Load (function () {}), same as, but $ (window). Load (function () {}), can write multiple, Window.onload = function () {} is overwritten.
jquery code executed before all DOM elements are loaded
(function () { alert ("The DOM has not yet loaded Oh!"); }) (JQuery)
The difference between Location.replace and location.href,location.reload