Evento onpageshow

Eventi DOM Evento PageTransitionEvent

Definizione e uso

L'evento onpageshow si verifica quando l'utente si naviga alla pagina.

Evento onpageshow con Evento onloadSimile, la differenza sta nel fatto che si verifica dopo l'evento onload durante il primo caricamento della pagina. Inoltre, l'evento onpageshow si verifica ogni volta che si carica la pagina, mentre l'evento onload non si verifica quando si carica la pagina dalla cache.

Per determinare se la pagina è stata caricata direttamente dal server o dalla cache, puoi utilizzare l'oggetto PageTransitionEvent: Proprietà persisted. Se la pagina è stata memorizzata nella cache del browser, questa proprietà restituisce true, altrimenti restituisce false (vedi altri esempi qui sotto).

Esempio

Esempio 1

Esegui JavaScript quando l'utente si naviga alla pagina:

<body onpageshow="myFunction()">

Prova tu stesso

Esempio 2

Verifica se la pagina è stata memorizzata nella cache del browser:

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

Prova tu stesso

Sintassi

In HTML:

<elemento onpageshow="myScript">

Prova tu stesso

In JavaScript:

oggetto.onpageshow = function() {myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("pageshow", myScript);

Prova tu stesso

Note:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubbling: Non supportato
Cancellable: Non supportato
Tipo di evento: Evento PageTransitionEvent
Tag HTML supportati: <body>
Versione DOM: Eventi di Livello 3

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'evento.

Evento Chrome IE Firefox Safari Opera
onpageshow Supporto 11.0 Supporto 5.0 Supporto
Eventi DOM Evento PageTransitionEvent