okno.Dokument Onload vs.Onload w JavaScript

W JavaScript „okno.Onload" I "dokument.Onload”Są dwa zdarzenia często używane do zapewnienia, że ​​strona jest w pełni załadowana przed uruchomieniem dowolnego kodu. Dokument.Wydarzenie Onload odbywa się przed oknem.zdarzenie onload, gdy załaduje się cały dokument HTML, podczas gdy okno.Zdarzenie Onload następuje później, gdy załaduje się wszystko na stronie, w tym ilustracje.

Ten blog pokaże różnicę między oknem.Onload i dokument.Onload w JavaScript.

okno.Dokument Onload vs.Onload w JavaScript

„„okno.Onload„Wydarzenie jest zwolnione, gdy cała strona (w tym jej zasoby) zakończyła ładowanie. Oznacza to, że możesz użyć tego zdarzenia, aby upewnić się, że strona jest w pełni załadowana przed uruchomieniem dowolnego kodu, który opiera się na treści strony.

„„dokument.Onload„Wydarzenie jest podobne do okna.Onload, ale strzela tylko wtedy, gdy DOM dokumentu (struktura treści strony) zakończyła ładowanie. Oznacza to, że możesz użyć tego zdarzenia, aby upewnić się, że treść strony jest w pełni załadowana i gotowa do manipulowania przed uruchomieniem dowolnego kodu.

Jakie jest najlepsze podejście do naśladowania?

Ogólnie rzecz biorąc, warto użyć dokumentu.obciążyć zamiast okna.Onload, jeśli musisz tylko upewnić się, że treść strony jest w pełni załadowana przed uruchomieniem kodu. To dlatego, że dokument.Onload wystrzeli szybciej niż okno.Onload, który może poprawić wydajność kodu. Jeśli jednak potrzebujesz upewnienia się, że zasoby strony (takie jak obrazy i arkusze stylów) są w pełni załadowane przed uruchomieniem kodu, należy użyć okna.Zamiast tego.

Jak korzystać z okna.Dokument Onload vs.Onload w JavaScript?

W danym przykładzie zobaczymy, w jaki sposób te zdarzenia identyfikują ładowanie dokumentu i obciążenie okna przed uruchomieniem dowolnego kodu.

Zadzwoń do "dokument.Onload„Wydarzenie, które informuje Cię o dokumencie, jest ładowane za pomocą wiadomości alert ():

dokument.onload = alert („dokument_onload”);

Zadzwoń do "okno.Onload”Zdarzenie i przypisz do niego wynikowy komunikat metody alert ():

okno.onload = alert („Window_onload”);

Jak widać, po odświeżeniu strony pierwszy dokument jest załadowany, a następnie wywoływana jest metoda Onload Window, gdy cała strona zakończy ładowanie:

To wszystko o oknie.Onload i dokument.zdarzenia onload w JavaScript.

Wniosek

„„okno.Onload" I "dokument.Onload”To dwa zdarzenia JavaScript, aby upewnić się, że pełne ładowanie strony przed wykonaniem dowolnego kodu. Dokument.Onload wystrzeli szybciej niż okno.Onload, który może poprawić wydajność kodu. Ten blog wykazał różnicę między oknem.Onload i dokument.Onload w JavaScript.