La différence entre la lecture dans jQuery et la fonction onload dans JavaScript_jquery

En JavaScript, la fonction onload est la plus fréquemment utilisée, et presque toutes les personnes impliquées dans JavaScript doivent entrer en contact avec elle. La fonction de cette fonction est d'attendre que la page Web soit complètement chargée avant d'exécuter les instructions dans le bloc de code, car elle est généralement utilisée lors du chargement de JavaScript dans l'en-tête selon l'ordre d'exécution du flux de documents.

Copier le code Le code est le suivant :

window.onload = function(){
// Exécutez le bloc de code ici après le chargement de la page Web
};

Il existe également une fonction correspondante dans jQuery, qui consiste à attendre que la page Web soit chargée avant d'exécuter le bloc de code

Copier le code Le code est le suivant :

$(document).ready(function(){
// Exécutez le bloc de code ici lorsque la page Web est chargée
. });

Les deux fonctions ci-dessus semblent être les mêmes, mais elles sont en réalité très différentes.

onload sera exécuté non seulement après la création de l'arborescence DOM, mais également après que toutes les ressources externes auront été chargées et que la page entière aura été affichée dans la fenêtre du navigateur. Ces ressources incluent non seulement des ressources d'images, mais également des vidéos flash intégrées à la page. S'il y a trop d'images ou de flash, le chargement prendra beaucoup de temps, ce qui signifie que plus de temps sera passé à retarder l'exécution du bloc de code.

La méthode ready() dans jQuery n'a besoin que d'attendre que la structure du document soit entièrement analysée et que le navigateur ait converti le HTML en une arborescence DOM avant d'exécuter le bloc de code. Notez ici qu'il ne s'agit que du DOM, des images dedans. la page Web, le flash, etc. Les sources externes ne sont pas pertinentes.

On peut voir que la méthode ready() dans jQuery réduira le temps d'attente.

Bien sûr, il existe une autre méthode, qui consiste à placer tous les scripts après la balise . Dans ce cas, la page Web sera exécutée dans l'ordre du flux de documents, et l'effet de chargement en JavaScript. ou ready() dans jQuery sera également réalisé, et le contenu Web de cette méthode sera affiché plus rapidement.