Atrybuty zdarzeń okna

Atrybuty zdarzeń okna
Zdarzenia HTML są wyzwalane, gdy użytkownik wykonuje akcję w przeglądarce. Atrybuty zdarzeń okna są wywoływane, gdy użytkownik wykonuje dowolną akcję w oknie przeglądarki. Na przykład, Onafterprint Mówi coś, co można uruchomić po wykonaniu polecenia drukowania (lub dialog drukowania zostanie zamknięty).

Atrybuty zdarzeń okna można podzielić na dwie kategorie:

  • Pierwsza kategoria Zawiera te atrybuty obsługiwane tylko przez znacznik.
  • Druga kategoria zawiera te elementy obsługujące różne tagi.

Przygotowaliśmy ten kompleksowy przewodnik, aby zapewnić głęboki wgląd w atrybuty zdarzeń okiennych i zapewnimy następujące wyniki uczenia się.

  • Atrybuty zdarzeń okna obsługiwane tylko przez znacznik
  • Atrybuty zdarzeń okiennych obsługiwane przez inne tagi (,, i tak dalej)

Atrybuty zdarzeń systemu Windows

Ta sekcja zawiera dogłębny przegląd dwóch głównych kategorii atrybutów zdarzenia okna HTML, które są wyzwalane, gdy pojawia się konkretne zdarzenie.

Atrybuty zdarzeń okna obsługiwane przez znacznik

Ta kategoria zawiera tylko te atrybuty zdarzeń okiennych, które są obsługiwane tylko tagiem.

atrybut OnBeforePrint

Ten atrybut wykonuje kod JavaScript, gdy podano polecenie drukowania. Wydarzenie OnBeforeprint jest wyzwalane przed otwarciem dialogu drukowanego.

Składnia

Przykład

Poniższy przykład pokazuje zastosowanie atrybutu zdarzenia OnBeforePrint ().

Html


Naciśnij Ctrl + P, aby dać polecenie drukowania

Powyższy kod dodaje On BEAME BUDRINT atrybut zdarzenia i zanim() Funkcja JS zostanie wykonana.

JavaScript

funkcja przed ()
alert („próbowałeś polecenie drukowania”);

zanim() Funkcja JS jest tworzona, która inicjuje komunikat ostrzegawczy, gdy zostanie wywołany.

Wyjście

Wyjście pokazuje, że po podaniu polecenia drukuj wyświetlany jest komunikat ostrzegawczy, a następnie wyświetlany jest dialog drukowania.

atrybut onafterprint

To wydarzenie uruchamia skrypt za każdym razem, gdy dialog drukowania jest zamknięty (bez względu na to, że podałeś polecenie drukowania lub po prostu anulowałem dialog).

Składnia

Przykład pokazuje wykonanie atrybutu zdarzenia Onafterprint () HTML.

Html


Naciśnij Ctrl + P, aby dać polecenie drukowania

Powyższy kod praktykuje atrybut onafterprint i wydrukować() Funkcja JavaScript zostanie wykonana podczas tego wydarzenia.

JavaScript

funkcja print ()
alert („jest drukowany”);

wydrukować() tworzona jest funkcja, która pokazuje komunikat ostrzegawczy po Onafterprint () wydarzenie.

Wyjście

Wyjście pokazuje, że po zamknięciu okna dialogowego wydruku wyświetlany jest komunikat ostrzegawczy.

ONBEFOROBLOAD

Atrybut onBeForeUnload jest wyzwalany po zamknięciu otwartej strony.

Składnia

Onoffline


Atrybut Onoffline wyzwala i wykonuje skrypt, gdy przeglądarka zaczyna działać offline.

Składnia

Ononline

Atrybut Onoffline wyzwala i wykonuje skrypt, gdy przeglądarka zaczyna działać online.

Składnia

OnPagehide

Wydarzenie jest wyzwalane, gdy użytkownik nawiguje ze strony, aw zamian wykonuje się skrypt.

Składnia

Onhashchange

Ten atrybut jest wykonywany za każdym razem, gdy zmienia się skrót URL. Hash odnosi się do części adresu URL, który jest inicjowany po „#”Symbol.

Składnia

OnPageshow

Zdarzenie OnPageshow jest wyzwalane, a skrypt jest wykonywany, gdy użytkownik nawiguje na stronę.

Składnia

OnPopState

To wydarzenie jest uruchamiane, gdy zmieni się historia okna.

Składnia

Onspize

Onspize zdarzenie jest wyzwalane za każdym razem, gdy rozmiar okna przeglądarki.

Składnia

OnUnload

Ten atrybut wykonuje skrypt za każdym razem, gdy strona jest zamknięta lub rozładowana.

Składnia

Notatka: W powyższych składniach skrypt odnosi się do kodu JavaScript, który zostałby wykonywany podczas wyzwalania konkretnego zdarzenia.

Atrybuty zdarzeń okiennych obsługiwane przez różne tagi

Ta kategoria zawiera atrybuty zdarzeń okiennych, które są wyzwalane przez różne tagi.

Oneerror

To zdarzenie wykonuje kod JavaScript, gdy wystąpi błąd w załadowaniu obrazu lub obiektu. Ten atrybut zdarzenia okna można zastosować na ,, i .

Składnia

Przykład

W tym przykładzie Oneerror Atrybut zdarzenia jest używany na tagu.

Html

Używany jest atrybut zdarzenia OneRor


Powyższy kod używa atrybutu Oneerror na tagu i błądzić() funkcja jest wywoływana, gdy zostanie uruchomiona.

JavaScript

funkcja err ()
alert („ładowanie obrazu nie powiodło się! Spróbuj ponownie");

Tworzona jest funkcja err (), która tworzy komunikat alarmowy.

Wyjście

Po załadowaniu strony błąd byłby wyświetlany jako src własność <img> Tag zawiera obraz, który nie znajduje się w folderze naszych głównych plików.

Onload

Zdarzenie Onload jest wyzwalane, a skrypt jest wykonywany za każdym razem, gdy strona zakończy ładowanie obiektu (plik zewnętrzny, obraz zewnętrzny). Można to zastosować na różnych znacznikach, takich jak ,, .

Składnia

Z wyżej wymienionych atrybutów doświadczyłeś działania różnych atrybutów zdarzeń okiennych.

Wniosek

Atrybuty zdarzeń okna zawierają zestaw funkcji, które są wykonywane, ilekroć nastąpi konkretna zmiana na ekranie okna. Ten artykuł zawiera działanie i pokazuje użycie wszystkich atrybutów zdarzeń okiennych. Atrybuty mają różne rodzaje funkcji, takie jak OnBeforeprint, Onafterprint, onBeForenload, Onhashchange, Onoffline, atrybuty OnOonline są ograniczone tylko do znacznika. Z drugiej strony atrybuty Onload i Oneerror można zastosować na innych znacznikach, takich jak, i i .