onpageshow evenement

DOM events PageTransitionEvent

Definitie en gebruik

Het onpageshow evenement vindt plaats wanneer de gebruiker naar de pagina navigeert.

onpageshow evenement met onload eventSoortgelijk, maar het verschilt in dat het plaatsvindt na het onload evenement van de pagina voor het eerste laden. Bovendien vindt het onpageshow evenement plaats bij elke laad van de pagina, maar niet bij het laden van de pagina uit de cache.

Om te bepalen of de pagina direct van de server is geladen of uit de cache, kunt u de PageTransitionEvent object gebruiken Persisted eigenschap. Als de pagina door de browser is gecached, retourneert deze eigenschap true, anders retourneert het false (zie meer voorbeelden hieronder).

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de gebruiker naar de pagina navigeert:

<body onpageshow="myFunction()">

Probeer het zelf

Voorbeeld 2

Controleer of de pagina door de browser is gecached:

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

Probeer het zelf

Syntaxis

In HTML:

<element onpageshow="myScript">

Probeer het zelf

In JavaScript:

object.onpageshow = function(){myScript};

Probeer het zelf

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("pageshow", myScript);

Probeer het zelf

Opmerking:Internet Explorer 8 of oudere versies ondersteunen dit niet addEventListener() methode.

Technische details

Bubbelend: Niet ondersteund
Annuleerbaar: Niet ondersteund
Evenementtype: PageTransitionEvent
Ondersteunde HTML tags: <body>
DOM versie: Niveau 3 Events

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die het evenement volledig ondersteunt.

event Chrome IE Firefox Safari Opera
onpageshow Support 11.0 Support 5.0 Support
DOM events PageTransitionEvent