Eine kurze Analyse des Unterschieds zwischen den Fähigkeiten jquery $(document).ready() und window.onload_javascript

Die Funktion von $(document).ready() in Jquery ähnelt der window.onload-Methode in herkömmlichem JavaScript, unterscheidet sich jedoch dennoch von der window.onload-Methode.

1. Ausführungszeit
​ ​ ​ window.onload muss warten, bis alle Elemente auf der Seite, einschließlich Bilder, geladen sind, bevor es ausgeführt werden kann.
​​​​ $(document).ready() wird ausgeführt, nachdem die DOM-Struktur gezeichnet wurde, ohne dass man warten muss, bis sie geladen ist.
2. Die Anzahl der Schriften ist unterschiedlich
​​​​​Sie können nicht mehrere window.onload-Methoden gleichzeitig schreiben. Wenn mehrere window.onload-Methoden vorhanden sind, wird nur eine ausgeführt
            $(document).ready() kann mehrmals gleichzeitig geschrieben und alle ausgeführt werden
3. Vereinfachtes Schreiben
            window.onload hat keine vereinfachte Schreibmethode
            $(document).ready(function(){}) kann als $(function(){});

abgekürzt werden

In meiner vorherigen Entwicklung habe ich normalerweise JavaScript verwendet, und ich habe immer den JQuery-Modus verwendet. Das heißt, die erste Zeile lautet meistens:

Code kopieren Der Code lautet wie folgt:

$(document).ready(function(){
…
});

Zu diesem Zeitpunkt müssen Sie nicht warten, bis alle Js und Bilder geladen sind, bevor Sie einige Methoden ausführen können, aber manchmal müssen Sie warten, bis alle

Wenn alle Elemente geladen sind, können beispielsweise einige Bilder oder andere Aspekte noch nicht geladen werden. Zu diesem Zeitpunkt führt das Klicken auf einige Schaltflächen zu unerwarteten Situationen

Muss verwendet werden:

Code kopieren Der Code lautet wie folgt:

$(window).load(function() {
…
});

Zusammenfassung und Vergleich: