Ten blog pokaże różnicę między window.onload i document.onload w JavaScript.
window.onload vs document.onload w JavaScript
„ okno.wczytaj ” jest uruchamiane, gdy cała strona (wraz z jej zasobami) zakończy się ładowanie. Oznacza to, że możesz użyć tego zdarzenia, aby upewnić się, że strona jest w pełni załadowana przed uruchomieniem kodu, który opiera się na zawartości strony.
„ dokument.pobierz ” jest podobne do zdarzenia window.onload, ale uruchamia się tylko wtedy, gdy zakończy się ładowanie DOM dokumentu (struktura zawartości strony). Oznacza to, że możesz użyć tego zdarzenia, aby upewnić się, że zawartość strony jest w pełni załadowana i gotowa do manipulacji przed uruchomieniem jakiegokolwiek kodu.
Jakie jest najlepsze podejście do naśladowania?
Ogólnie rzecz biorąc, dobrym pomysłem jest użycie document.onload zamiast window.onload, jeśli przed uruchomieniem kodu musisz tylko upewnić się, że zawartość strony jest w pełni załadowana. Dzieje się tak, ponieważ document.onload uruchamia się szybciej niż window.onload, co może poprawić wydajność twojego kodu. Jeśli jednak musisz upewnić się, że zasoby strony (takie jak obrazy i arkusze stylów) są w pełni załadowane przed uruchomieniem kodu, powinieneś zamiast tego użyć pliku window.onload.
Jak używać window.onload vs document.onload w JavaScript?
W podanym przykładzie zobaczymy, jak te zdarzenia identyfikują ładowanie dokumentu i ładowanie okna przed uruchomieniem jakiegokolwiek kodu.
Zadzwoń do ' dokument.pobierz ”, które informuje, że dokument został załadowany za pomocą komunikatu alert():
dokument. załaduj = alarm ( 'ładowanie_dokumentu' ) ;Zadzwoń do ' okno.wczytaj ” i przypisz do niego wynikowy komunikat metody alert() :
okno. załaduj = alarm ( 'window_onload' ) ;
Jak widać, po odświeżeniu strony ładowany jest pierwszy dokument, a następnie wywoływana jest metoda window onload, gdy cała strona się załaduje:
To wszystko o zdarzeniach window.onload i document.onload w JavaScript.
Wniosek
„ okno.wczytaj ' oraz ' dokument.pobierz ” to dwa zdarzenia JavaScript, które zapewniają załadowanie całej strony przed wykonaniem jakiegokolwiek kodu. Document.onload uruchomi się szybciej niż window.onload, co może poprawić wydajność kodu. Ten blog pokazał różnicę między window.onload i document.onload w JavaScript.