evento onpageshow
Exemplo
Execute um JavaScript quando um usuário navega para uma página da web:
<body onpageshow="myFunction()">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onpageshow ocorre quando um usuário navega para uma página da web.
O evento onpageshow é semelhante ao evento onload , exceto que ocorre após o evento onload quando a página é carregada pela primeira vez. Além disso, o evento onpageshow ocorre sempre que a página é carregada, enquanto o evento onload não ocorre quando a página é carregada do cache.
Para descobrir se uma página é carregada diretamente do servidor ou se a página está armazenada em cache, você pode usar a propriedade persisted do objeto PageTransitionEvent. Essa propriedade retorna true se a página for armazenada em cache pelo navegador e false caso contrário (consulte "Mais exemplos" abaixo).
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
| Event | |||||
|---|---|---|---|---|---|
| onpageshow | Yes | 11.0 | Yes | 5.0 | Yes |
Sintaxe
Em HTML:
<element onpageshow="myScript">
Em JavaScript:
object.onpageshow = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("pageshow", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
| Bolhas: | Não |
|---|---|
| Cancelável: | Não |
| Tipo de evento: | Evento de transição de página |
| Tags HTML suportadas: | <corpo> |
| Versão DOM: | Eventos de Nível 3 |
Mais exemplos
Exemplo
Descubra se a página foi armazenada em cache pelo navegador:
function myFunction(event) {
alert(event.persisted);
}