Wydarzenie onpageshow

Zdarzenia DOM Zdarzenie PageTransitionEvent

Definicja i użycie

Wydarzenie onpageshow występuje, gdy użytkownik nawiguje do strony.

Wydarzenie onpageshow i Zdarzenie onloadPodobnie, różnica polega na tym, że występuje on po wydarzeniu onload po pierwszym załadowaniu strony. Ponadto, wydarzenie onpageshow występuje za każdym razem, gdy strona jest załadowywana, podczas gdy wydarzenie onload nie występuje, gdy strona jest wczytywana z cache.

Aby określić, czy strona została bezpośrednio załadowana z serwera, czy z cache, możesz użyć obiektu PageTransitionEvent, Właściwość persisted. Jeśli strona została wczytana z cache przeglądarki, ta właściwość zwraca wartość true, w przeciwnym razie zwraca wartość false (zobacz więcej przykładów poniżej).

Przykład

Przykład 1

Wykonaj JavaScript, gdy użytkownik nawiguje do strony:

<body onpageshow="myFunction()">

Spróbuj sam

Przykład 2

Sprawdź, czy strona została wczytana z cache przeglądarki:

function myFunction(event) { 
  alert(event.persisted);
}

Spróbuj sam

Gramatyka

W HTML:

<element onpageshow="myScript">

Spróbuj sam

W JavaScript:

obiekt.onpageshow = function(){myScript};

Spróbuj sam

W JavaScript, używając metody addEventListener():

obiekt.addEventListener("pageshow", myScript);

Spróbuj sam

Komentarz:Internet Explorer 8 i wcześniejsze wersje nie obsługują Metoda addEventListener().

Szczegóły techniczne

Bąbelkowanie: Nieobsługiwane
Można anulować: Nieobsługiwane
Typ wydarzenia: Zdarzenie PageTransitionEvent
Obsługiwane znaczniki HTML: <body>
Wersja DOM: Wydarzenia poziomu 3

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje to wydarzenie.

Zdarzenie Chrome IE Firefox Safari Opera
onpageshow Wsparcie 11.0 Wsparcie 5.0 Wsparcie
Zdarzenia DOM Zdarzenie PageTransitionEvent