Maison > interface Web > js tutoriel > Une brève analyse de la différence entre les compétences jquery $(document).ready() et window.onload_javascript

Une brève analyse de la différence entre les compétences jquery $(document).ready() et window.onload_javascript

WBOY
Libérer: 2016-05-16 16:15:54
original
1285 Les gens l'ont consulté

La fonction de $(document).ready() dans Jquery est similaire à la méthode window.onload en JavaScript traditionnel, mais elle est toujours différente de la méthode window.onload.

1. Temps d'exécution
​ ​ ​ window.onload doit attendre que tous les éléments de la page, y compris les images, soient chargés avant de pouvoir être exécuté.
​​​​ $(document).ready() est exécuté une fois la structure DOM dessinée, sans avoir à attendre son chargement.
2. Le nombre d'écrits est différent
​​​​​Vous ne pouvez pas écrire plusieurs méthodes window.onload en même temps. S'il existe plusieurs méthodes window.onload, une seule sera exécutée
.             $(document).ready() peut être écrit plusieurs fois en même temps, et tous peuvent être exécutés
3. Écriture simplifiée
            window.onload n'a pas de méthode d'écriture simplifiée
            $(document).ready(function(){}) peut être abrégé en $(function(){});

Dans mon développement précédent, j'utilisais habituellement JavaScript, et j'ai toujours utilisé le mode jquery C'est-à-dire que la plupart du temps, la première ligne est :
.

Copier le code Le code est le suivant :

$(document).ready(function(){

});

À l'heure actuelle, vous n'avez pas besoin d'attendre que tous les js et images soient chargés avant de pouvoir exécuter certaines méthodes, mais parfois, vous devez attendre que tous

Lorsque tous les éléments sont chargés, certaines méthodes peuvent être exécutées. Par exemple, certaines images ou d'autres aspects n'ont pas encore été chargés, cliquer sur certains boutons entraînera des situations inattendues.

Besoin d'utiliser :


Copier le code Le code est le suivant :
$(window).load(function() {

});


Résumé et comparaison :

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal