Событие onpageshow

События DOM PageTransitionEvent

Определение и использование

Событие onpageshow возникает при навигации пользователя к веб-странице.

Событие onpageshow и Событие onloadПохож, но разница в том, что он возникает после события onload при первом загрузке страницы. Кроме того, событие onpageshow возникает при каждом загрузке страницы, а при загрузке из кэша событие onload не возникает.

Чтобы определить, загружена ли страница напрямую из сервера или из кэша, вы можете использовать объект PageTransitionEvent: Атрибут persisted. Если страница сохранена в кэше браузера, то этот атрибут возвращает true, в противном случае false (см.下面的 примеры).

Пример

Пример 1

Выполните JavaScript при навигации пользователя по веб-странице:

<body onpageshow="myFunction()">

Попробуйте сами

Пример 2

Проверьте, была ли страница сохранена в кэше браузера:

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

Попробуйте сами

Синтаксис

В HTML:

<элемент onpageshow="myScript">

Попробуйте сами

В JavaScript:

объект.onpageshow = function(){myScript};

Попробуйте сами

В JavaScript, используйте метод addEventListener():

объект.addEventListener("pageshow", myScript);

Попробуйте сами

Примечание:Microsoft Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бubbles: Не поддерживается
Можете отменить: Не поддерживается
Тип события: PageTransitionEvent
Поддерживаемые теги HTML: <body>
Версия DOM: Уровень 3 событий

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает это событие.

Событие Chrome IE Firefox Safari Opera
onpageshow Поддержка 11.0 Поддержка 5.0 Поддержка
События DOM PageTransitionEvent