Der Unterschied zwischen dem Lesen in jQuery und der Onload-Funktion in JavaScript_jquery

In JavaScript wird die Onload-Funktion am häufigsten verwendet, und fast jeder, der mit JavaScript zu tun hat, muss damit in Berührung kommen. Die Funktion dieser Funktion besteht darin, zu warten, bis die Webseite vollständig geladen ist, bevor die Anweisungen im Codeblock ausgeführt werden, da sie normalerweise beim Laden von JavaScript im Header entsprechend der Ausführungsreihenfolge des Dokumentflusses verwendet wird.

Code kopieren Der Code lautet wie folgt:

window.onload = function(){
// Den Codeblock hier ausführen, nachdem die Webseite geladen wurde
};

Es gibt auch eine entsprechende Funktion in jQuery, die darauf wartet, dass die Webseite geladen wird, bevor der Codeblock ausgeführt wird

Code kopieren Der Code lautet wie folgt:

$(document).ready(function(){
// Den Codeblock hier ausführen, wenn die Webseite geladen wird });

Die beiden oben genannten Funktionen scheinen gleich zu sein, sind aber tatsächlich sehr unterschiedlich.

onload wird nicht nur ausgeführt, nachdem der DOM-Baum erstellt wurde, sondern auch nachdem alle externen Ressourcen geladen wurden und die gesamte Seite im Browserfenster angezeigt wurde. Zu diesen Ressourcen gehören nicht nur Bildressourcen, sondern auch auf der Seite eingebettete Flash-Videos. Wenn zu viele Bilder oder Flash vorhanden sind, dauert das Laden lange, was bedeutet, dass die Ausführung des Codeblocks länger verzögert wird.

Die Methode ready() in jQuery muss nur warten, bis die Dokumentstruktur vollständig analysiert wurde und der Browser den HTML-Code in einen DOM-Baum konvertiert hat, bevor er den Codeblock ausführt. Beachten Sie hier, dass es sich nur um das DOM handelt, Bilder in die Webseite, Flash usw. Externe Quellen sind irrelevant.

Es ist ersichtlich, dass die Methode ready() in jQuery die Wartezeit verkürzt.

Natürlich gibt es eine andere Möglichkeit, alle Skripte nach dem -Tag einzufügen. In diesem Fall wird die Webseite in der Reihenfolge des Dokumentflusses ausgeführt und der Effekt von onload in JavaScript oder ready() in jQuery wird ebenfalls erreicht, und mit dieser Methode werden Webinhalte schneller angezeigt.