onpageshow-händelsen

DOM-händelser PageTransitionEvent

Definition och användning

onpageshow-händelsen inträffar när användaren navigerar till sidan.

onpageshow-händelsen och onload-händelseLiknande, skillnaden är att den inträffar efter onload-händelsen vid första laddningen av sidan. Dessutom inträffar onpageshow-händelsen varje gång sidan laddas, medan onload-händelsen inte inträffar när sidan laddas från cache.

För att avgöra om sidan laddades direkt från servern eller från cache kan du använda PageTransitionEvent-objektets persisted egenskap. Om sidan har laddats från webbläsarens cache returnerar denna egenskap true, annars returnerar den false (se fler exempel nedan).

Exempel

Exempel 1

Kör JavaScript när användaren navigerar till sidan:

<body onpageshow="myFunction()">

Prova själv

Exempel 2

Kontrollera om sidan har laddats från webbläsarens cache:

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

Prova själv

Syntax

I HTML:

<element onpageshow="myScript">

Prova själv

I JavaScript:

object.onpageshow = function(){myScript};

Prova själv

I JavaScript, använd addEventListener() metoden:

object.addEventListener("pageshow", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metoden.

Tekniska detaljer

Bubbling: Inte stödd
Kan annulleras: Inte stödd
Evenemangstyp: PageTransitionEvent
Stödda HTML-taggar: <body>
DOM-version: Nivå 3-Evenemang

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som helt stöder detta evenemang.

händelse Chrome IE Firefox Safari Opera
onpageshow Stöd 11.0 Stöd 5.0 Stöd
DOM-händelser PageTransitionEvent