Evento onpageshow
Definición y uso
El evento onpageshow ocurre cuando el usuario navega a la página.
Evento onpageshow y Evento onloadSimilar, la diferencia está en que ocurre después del evento onload en la primera carga de la página. Además, se produce el evento onpageshow cada vez que se carga la página, mientras que no ocurre el evento onload al cargar la página desde la caché.
Para determinar si la página se ha cargado directamente desde el servidor o desde la caché, puede usar el objeto PageTransitionEvent, Propiedad persisted. Si la página se ha almacenado en caché del navegador, esta propiedad devuelve true, de lo contrario devuelve false (ver más ejemplos a continuación).
Ejemplo
Ejemplo 1
Ejecute JavaScript cuando el usuario navegue a la página:
<body onpageshow="myFunction()">
Ejemplo 2
Verifique si la página se ha almacenado en caché del navegador:
function myFunction(event) {
alert(event.persisted);
}
Sintaxis
En HTML:
<elemento onpageshow="myScript">
En JavaScript:
objeto.onpageshow = function() {myScript};
En JavaScript, utilice el método addEventListener():
objeto.addEventListener("pageshow", myScript);
Notas:Internet Explorer 8 o versiones anteriores no lo admiten Método addEventListener().
Detalles técnicos
| Burbujeante: | No admitido |
|---|---|
| Cancelable: | No admitido |
| Tipo de evento: | Evento PageTransitionEvent |
| Etiquetas HTML admitidas: | <body> |
| Versión de DOM: | Eventos de Nivel 3 |
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente el evento.
| Evento | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onpageshow | Soporte | 11.0 | Soporte | 5.0 | Soporte |
