Jakie jest zdarzenie Onload Window w JavaScript?

Dzięki nowym postępom w tworzeniu stron internetowych JavaScript ewoluuje nawet w różnych ramach, co ułatwia życie programistom. Mówiąc o jego użyciu, na podstawie teraz wielu znanych stron internetowych opiera się na JavaScript, który przedstawia, jak niezawodny jest ten język.

JavaScript ma zdarzenie Onload Window, aby uruchomić określone funkcje, gdy jest ładowana strona internetowa. Zdarzenie Onload jest również używane do weryfikacji typu i wersji przeglądarki odwiedzającego. Dalsze pliki cookie można również sprawdzić za pośrednictwem atrybutu Onload.

Atrybut Onload wyzwala, gdy obiekt jest ładowany w HTML. To ma uruchomić skrypt, gdy powiązane elementy ładuje. Mówiąc prosto, możemy powiedzieć, że zdarzenie Onload Window jest uruchamiane za każdym razem, gdy uruchomi się strona internetowa.

Zdarzenie Onload jest używane do uruchamiania skryptu po jego substancji (która zawiera pliki CSS, obrazy i skrypty) strony jest całkowicie wyzwalane. Jednak nie zawsze potrzebujesz tagu. Może być używany z innymi elementami HTML.

Pobieranie.Onload uruchamia się przed obrazami i zawartością zewnętrzną, uruchomione tuż przed oknem.Onload. Podczas gdy okno.Onload zaczyna się po całkowitym załadowaniu strony, w tym CSS, plikach skryptów, obrazów i wielu innych.

Jeśli chcesz manipulować zdarzeniem obciążenia w JavaScript, musisz zarejestrować słuchacz zdarzeń metodą addEventListener (), jak pokazano w poniższym przykładzie:

okno.addEventListener („ładuj”, (zdarzenie) =>
konsola.log (załadowany strona);
);

Możesz także obsłużyć zdarzenie obciążenia przez właściwość obiektu okna I.mi. Onload. Poniższy przykład pokazuje, jak korzystać z właściwości Onload:

okno.onload = (zdarzenie) =>
konsola.log („załadowany strona”);
;

Okno.zdarzenie onload w sekcji głównej HTML

Po pierwsze, przedstawimy prosty przykład okna.zdarzenie onload. W tym przykładzie po prostu wyświetlamy komunikat ostrzegawczy za każdym razem, gdy jest ładowana strona.

Składnia

okno.onload = funkcjaName ();

Przykład

Wyjście

Zdarzenie onload w sekcji ciała HTML

Treść może być wyświetlana w sekcji ciała HTML. Ilekroć strona internetowa jest ładowana, zdarzenie, które miało miejsce w tym czasie, jest nazywane wydarzeniem Onload. Możemy użyć zdarzenia Onload w sekcji ciała, abyśmy mogli wykonać skrypt.

Składnia

Przykład

Jeśli chcesz użyć zdarzenia Onload w sekcji ciała, uruchom następujący kod.

Wyjście

Zdarzenie okna w sekcji ciała HTML

Obiekt okna obciążenia reprezentuje okno przeglądarki. Ilekroć wszystkie operacje są całkowicie załadowane, wówczas właściwość Onload przetwarza zdarzenie obciążenia. Funkcja, którą chcemy wykonać, jest przydzielona do funkcji obsługi właściwości Onload. Ilekroć strona internetowa zostanie załadowana, funkcja zostanie wykonana. Dostaliśmy ci przykład poniżej.

Składnia

okno.onload = funkcja funkcja ()
// Zapisz funkcję tutaj

Przykład

Co to jest zdarzenie Onload w JavaScript?

Wykonany skrypt. Teraz możesz sprawdzić swoją konsolę, aby zobaczyć wyjście.

Wyjście

Wyjście konsoli

Jeśli chcesz zobaczyć wyjście konsoli, musisz otworzyć DevTool, naciskając klawisze skrótów I.mi. Ctrl+ Shift+ I. Po otwarciu DevTool będziesz mógł zobaczyć ekran wyjściowy konsoli, jak pokazano poniżej.

Wniosek

Dowiedzieliśmy się o tym, jakie okno.zdarzenie onload () jest i nauczyło się składni zdarzenia Onload. Krótko omówiliśmy kilka metod pisania zdarzeń Onload w JavaScript wraz z przykładem. Podsumowując, okno.Onload () zdarzenie wyzwala się po załadowaniu strony internetowej. Widzimy również, że zdarzenie Onload jest przydatne do ustawienia wersji przeglądarek, a także używane do obserwowania plików cookie strony internetowej.