Unterschied zwischen Fenster.Onload und $.bereit
Der "Fenster.Onload" und das "$ (Dokument).bereit()”Werden verwendet, um den JavaScript -Code auszuführen, wenn die Seite geladen wird, aber der Hauptunterschied besteht darin. "Fenster.Onload ”wartet auf alle Vermögenswerte auf der Seite, um das Laden zu beenden, einschließlich Bildern und anderen externen Ressourcen, während„ $ (Dokument).Ready () "wartet darauf, dass das DOM vollständig geladen ist, aber es wartet nicht auf externe Ressourcen wie Bilder, die das Laden beenden können.
Dieser Beitrag definiert die Differenz/Abweichungen zwischen „Fenster“.Onload "und das" $ (Dokument).bereit()".
Unterschied zwischen „Fenster“.Onload “und„ $ (Dokument).bereit()"
“Fenster.Onload" Und "$ (Dokument).bereit()”Unterscheiden sich beim Ausführen von JavaScript -Code, wenn die Seite geladen wird. Im Folgenden finden Sie die wichtigsten Variationen zwischen diesen beiden:
| "Fenster.Onload ” | „$ (Dokument).bereit()" |
| "Fenster.Onload ”ist ein integriertes JavaScript-Ereignis. | „$ (Dokument).Ready () ”ist spezifisch für die JQuery -Bibliothek. |
| Es wartet, bis alle Vermögenswerte der Seite geladen sind. | Es wartet darauf, dass das DOM voll geladen ist, wartet aber nicht auf externe Ressourcen. |
| Es kann langsamere Seitenladezeiten verursachen, wenn schwere Ressourcen geladen werden. | Schneller, da es nicht darauf wartet, dass alle Ressourcen geladen werden. |
| Es kann nur eine Funktion zugewiesen werden. | Mehrere Funktionen können in der Reihenfolge zugewiesen und ausgeführt werden. |
| Kompatibel mit allen Browsern. | Benötigt JQuery Library. |
| Nicht empfohlen, Ereignishörer anzuhängen, da dies zu Leistungsproblemen führen kann. | Empfohlen zum Anbringen von Ereignishörern an DOM -Elemente. |
So verwenden Sie das Fenster „Fenster“.onload () ”Methode in JavaScript?
Der "Fenster.Onload ()Die Methode wird häufig in JavaScript verwendet, um Aktionen durchzuführen oder Code auszuführen, nachdem die Seite geladen wurde.
Syntax
Die folgende Syntax wird für das JavaScript -Fenster verwendet.Onload -Methode:
Fenster.onload = function ()
// Code
;
Oder Sie können es auch verwenden wie:
Funktion funcname ()
// Code
Fenster.onload = funcname ();
Beispiel
Rufen Sie das Fenster an “.onload ”Ereignis mit einer Funktion“Wird geladen()Um eine alert () meldung auf der Seite laden:
Fenster.Onload = Funktion lade ()
alarm ("Seite ist erfolgreich geladen");
;
Die Ausgabe zeigt an, dass die Funktion auf dem Onload -Ereignis nach dem Laden von Seite angezeigt wird:
So verwenden Sie „$ (Dokument).Ready () ”Funktion in JavaScript?
“$ (Dokument).bereit()Die Funktion ist ein wichtiger Bestandteil der JQuery -Bibliothek. Es führt Javascript -Code aus, sobald das DOM für die Manipulation vorbereitet ist.
Syntax
Verwenden Sie die angegebene Syntax für die Funktion Ready ():
$ (Dokument).Ready (function ()
// Code
);
Beispiel
Für die Verwendung der „$ (Dokument).Ready () ”Funktion fügen Sie zuerst die Jquery -Bibliothek in das Tag hinzu:
Rufen Sie die Bereitschaftsfunktion an, um eine Warnmeldung anzuzeigen, während DOM bereit ist zu manipulieren:
$ (Dokument).Ready (function ()
alarm ("Seite ist erfolgreich geladen");
);
Ausgang
Das ist alles um das "Fenster".Onload “und„ $ (Dokument).Ready () ”Funktion in JavaScript.
Abschluss
“Fenster.Onload"Ist ein JavaScript"Fall" während "$ (Dokument).bereit()" ist ein "Funktion”Spezifisch für die JQuery -Bibliothek. Beide werden verwendet, um den JavaScript -Code auszuführen, wenn die Seite geladen wird. Die wichtigste Unterscheidung/Abweichung zwischen diesen beiden ist, dass das „Fenster“.Onload ”wartet auf das Laden aller Vermögenswerte auf der Seite, um das Laden zu beenden. Während das „$ (Dokument).Ready () wartet darauf, dass das DOM voll geladen ist, wartet aber nicht auf externe Ressourcen. In diesem Beitrag wurde der Unterschied zwischen dem Fenster beschrieben.Onload "und das" $ (Dokument).Ready () “in JavaScript und seine Verwendung mit Beispielen.