Une fois que le navigateur a chargé le DOM, il ajoutera des événements à l'élément DOM via JavaScript. Dans JavaScript, la méthode Window.onLoad () est généralement utilisée.
Dans jQuery, la méthode $ (document) .ready () est utilisée. Permettez-moi de présenter la différence entre les deux ci-dessous.
| window.onload () | $ (document) .ready () | |
| Timing d'exécution | Exécutez tous les éléments de la page (y compris les images et les fichiers de référence) après le chargement. | Tous les DOM HTML de la page seront exécutés après le chargement de la structure DOM CSS et d'autres images peuvent ne pas être chargées. Si vous souhaitez que tout le contenu de la page Web (y compris les images, etc.) se charge, enregistrez l'événement et utilisez $ (fenêtre) .load (fonction); Équivalent à Window.onLoad () |
| Écrire un nombre | Vous ne pouvez pas écrire plusieurs mots en même temps, ce dernier écrasera le précédent. ex: window.onload = function () {alert ("a"); } window.onload = function () {alert ("b"); } Le résultat sera "B" Si vous souhaitez exécuter Alert ("A") et Alert ("B") en séquence, vous devez l'écrire window.onload = function () { alerte ("a"); alerte ("b"); } | Peut écrire plusieurs simultanément |
| Abréviation | aucun | $ (document) .ready (function () { //faire; }); Peut être écrit comme $ (). Ready (function () {// $ () sans paramètres est un document //faire; });ou $ (function () { //faire; }); |