Fenster.Onload vs Dokument.Onload in JavaScript

In JavaScript, “Fenster.Onload" Und "dokumentieren.Onload”Werden zwei Ereignisse häufig verwendet, um sicherzustellen, dass die Seite vor dem Ausführen eines Codes voll geladen ist. Das Dokument.Das Onload -Ereignis findet vor dem Fenster statt.Ereignis einladen, wenn das gesamte HTML -Dokument geladen wurde, während das Fenster geladen ist.Das Onload -Ereignis erfolgt anschließend, wenn alles auf der Seite geladen wurde, einschließlich Abbildungen.

Dieser Blog zeigt den Unterschied zwischen dem Fenster.Onload und Dokument.Onload in JavaScript.

Fenster.Onload vs Dokument.Onload in JavaScript

Der "Fenster.OnloadDas Ereignis wird abgefeuert, wenn die gesamte Seite (einschließlich der Ressourcen) das Laden beendet hat. Dies bedeutet, dass Sie dieses Ereignis verwenden können, um sicherzustellen, dass die Seite voll geladen ist.

Der "dokumentieren.OnloadEreignis ähnelt dem Fenster.Onload, aber es wird nur ausgelöst, wenn das DOM des Dokuments (die Struktur des Inhalts der Seite) das Laden beendet hat. Dies bedeutet, dass Sie dieses Ereignis verwenden können, um sicherzustellen, dass der Inhalt der Seite vollständig geladen und bereit ist, vor dem Ausführen eines Codes manipuliert zu werden.

Was ist der beste Ansatz, um zu folgen?

Im Allgemeinen ist es eine gute Idee, ein Dokument zu verwenden.Onload statt des Fensters.Onload Wenn Sie nur sicherstellen müssen, dass der Inhalt der Seite vor dem Ausführen Ihres Codes vollständig geladen ist. Dies liegt daran, dass Dokument.Die Onload feuert schneller als ein Fenster.Onload, der die Leistung Ihres Codes verbessern kann. Wenn Sie jedoch sicherstellen müssen, dass die Ressourcen der Seite (z. B. Bilder und Stylesheets) vor dem Ausführen Ihres Codes vollständig geladen sind, sollten Sie das Fenster verwenden.stattdessen einladen.

So verwenden Sie Fenster.Onload vs Dokument.Onload in JavaScript?

In dem angegebenen Beispiel werden wir sehen, wie diese Ereignisse das Lade- und Fensterladen des Dokuments identifizieren, bevor Code ausgeführt wird.

Ruf den "dokumentieren.OnloadEreignis, das Sie informiert, dass das Dokument mit einer Alert () -Meldung geladen wird:

dokumentieren.onload = alert ("document_onload");

Ruf den "Fenster.OnloadEreignis und weisen Sie die resultierende Meldung einer alert () -Methode zu:

Fenster.onload = alert ("window_onload");

Wie Sie sehen können, wird beim Aktualisieren der Seite das erste Dokument geladen, und dann wird die Fenster -Onload -Methode aufgerufen, wenn die gesamte Seite geladen wurde:

Das ist alles über das Fenster.Onload und Dokument.Ereignisse in JavaScript einladen.

Abschluss

Der "Fenster.Onload" Und "dokumentieren.Onload”Sind zwei JavaScript -Ereignisse, um sicherzustellen, dass die vollständige Seite lädt, bevor Code ausgeführt wird. Das Dokument.Die Onload feuert schneller als Fenster.Onload, der die Leistung des Codes verbessern kann. Dieser Blog hat den Unterschied zwischen Fenster gezeigt.Onload und Dokument.Onload in JavaScript.