Différence entre la fenêtre.onload et $.prêt
Le "fenêtre.en charge" et le "$ (document).prêt()"Sont utilisés pour exécuter le code JavaScript lorsque la page termine le chargement, mais la principale différence est lorsqu'ils s'exécutent et comment ils sont utilisés. "fenêtre.Onload »attend tous les actifs de la page pour terminer le chargement, y compris les images et autres ressources externes, tandis que« $ (document).Ready () ”attend que le Dom soit complètement chargé mais n'attend pas que les ressources externes comme les images finissent le chargement.
Ce message définira la différence / les variations entre «Fenêtre.onload "et le" $ (document).prêt()".
Différence entre «Fenêtre.onload "et" $ (document).prêt()"
"fenêtre.en charge" et "$ (document).prêt()"Sont différents dans l'exécution du code JavaScript lorsque la page termine le chargement. Voici les variations clés entre ces deux:
| "fenêtre.en charge" | «$ (Document).prêt()" |
| "fenêtre.onload ”est un événement JavaScript intégré. | «$ (Document).Ready () ”est spécifique à la bibliothèque jQuery. |
| Il attend que tous les actifs de la page aient terminé le chargement. | Il attend que le Dom soit complètement chargé mais n'attend pas les ressources externes. |
| Cela peut provoquer des temps de chargement de page plus lents si les ressources lourdes sont chargées. | Plus rapidement, car il n'attend pas que toutes les ressources soient chargées. |
| Une seule fonction peut être attribuée. | Plusieurs fonctions peuvent être attribuées et exécutées dans l'ordre. |
| Compatible avec tous les navigateurs. | Nécessite la bibliothèque jQuery. |
| Non recommandé pour joindre les auditeurs d'événements, car il peut entraîner des problèmes de performance. | Recommandé pour attacher des auditeurs d'événements aux éléments DOM. |
Comment utiliser la «fenêtre.Méthode onload () ”en javascript?
Le "fenêtre.en charge()»La méthode est couramment utilisée dans JavaScript pour effectuer des actions ou exécuter du code une fois la page terminée le chargement.
Syntaxe
La syntaxe suivante est utilisée pour la fenêtre JavaScript «.Méthode onload »:
fenêtre.onload = function ()
// code
;
Ou vous pouvez également l'utiliser comme:
fonction funcname ()
// code
fenêtre.onload = funcname ();
Exemple
Appelez la «fenêtre.Événement Onload »avec une fonction"chargement()”Pour afficher un message alert () sur le chargement de la page:
fenêtre.onload = fonction chargement ()
alert ("La page est chargée avec succès");
;
La sortie indique que la fonction de l'événement Onload s'affiche après la page de chargement:
Comment utiliser «$ (document).Ready () ”Fonction en javascript?
"$ (document).prêt()«La fonction est une partie importante de la bibliothèque jQuery. Il exécute le code JavaScript dès que le DOM sera préparé pour la manipulation après le chargé du document dans le navigateur.
Syntaxe
Utilisez la syntaxe donnée pour la fonction Ready ():
$ (document).ready (function ()
// code
);
Exemple
Pour utiliser le «$ (document).Fonction Ready () ”, ajoutez d'abord la bibliothèque jQuery dans la balise:
Appelez la fonction Ready pour afficher un message d'alerte pendant que Dom est prêt à manipuler:
$ (document).ready (function ()
alert ("La page est chargée avec succès");
);
Sortir
C'est tout sur la «fenêtre.onload "et" $ (document).Ready () ”Fonction en javascript.
Conclusion
"fenêtre.en charge"Est un javascript"événement" tandis que le "$ (document).prêt()" est un "fonction”Spécifique à la bibliothèque jQuery. Les deux sont utilisés pour exécuter le code JavaScript lorsque la page termine le chargement. La distinction / variation clé entre ces deux est que la «fenêtre.Onload ”attend le chargement de tous les actifs de la page pour terminer le chargement. Tandis que le «$ (document).Ready () ”attend que le Dom soit complètement chargé mais n'attend pas les ressources externes. Ce message a décrit la différence entre «Fenêtre.onload "et le" $ (document).Ready () ”en javascript et son utilisation avec des exemples.