onpageshow Evento
Ejemplo
Ejecute un JavaScript cuando un usuario navegue a una página web:
<body onpageshow="myFunction()">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onpageshow ocurre cuando un usuario navega a una página web.
El evento onpageshow es similar al evento onload , excepto que ocurre después del evento onload cuando la página se carga por primera vez. Además, el evento onpageshow ocurre cada vez que se carga la página, mientras que el evento onload no ocurre cuando la página se carga desde la memoria caché.
Para averiguar si una página se carga directamente desde el servidor o si la página se almacena en caché, puede utilizar la propiedad persistente del objeto PageTransitionEvent. Esta propiedad devuelve verdadero si el navegador almacena en caché la página y falso en caso contrario (consulte "Más ejemplos" a continuación).
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
Event | |||||
---|---|---|---|---|---|
onpageshow | Yes | 11.0 | Yes | 5.0 | Yes |
Sintaxis
En HTML:
<element onpageshow="myScript">
En JavaScript:
object.onpageshow = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("pageshow", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | No |
---|---|
Cancelable: | No |
Tipo de evento: | PageTransitionEvent |
Etiquetas HTML compatibles: | <cuerpo> |
Versión DOM: | Eventos de nivel 3 |
Más ejemplos
Ejemplo
Averigüe si la página fue almacenada en caché por el navegador:
function myFunction(event) {
alert(event.persisted);
}