7.2 $(document).ready(function() { ... }); vs $(window).on("load", function() { ... });

L'utilisation de $(document).ready(function() { ... }); ou, sous sa forme abrégée, $(function() { ... }); est assez répandue.

Dans certains programme, on rencontre parfois une autre forme de code : $(window).on("load", function() { ... });

Les deux formulations semblent forcer un comportement seulement lorsque le chargement de la page est terminé. Il existe cependant une différence subtile entre les deux.

La seconde forme assure que le code soit exécuté lorsque le DOM est complètement chargé de même que les images et iframes. 

Cette formulation sera utile, par exemple, si le code JavaScript a besoin de travailler avec les dimensions d'une image.

L'utilisation de $(window).on("load", function() { ... }); devrait être réservée pour les situations où ceci est vraiment nécessaire.

Pour plus d'information

« $( document ).ready() ». jQuery. https://learn.jquery.com/using-jquery-core/document-ready/