jquery $ (document). The difference between ready () and Window.onload

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 () {});

For details, please refer to:

JQuery $ (function () {}) and $ (document). Ready (function () {})jquery $ (document). The difference between ready () and Window.onload

jquery $ (document). The difference between ready () and Window.onload