This page was translated from English by the community. Learn more and join the MDN Web Docs community.
Window: событие pageshow
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Событие pageshow отправляется Window, когда браузер отображает страницу.
Оно срабатывает в следующих случаях:
- Первоначальная загрузка страницы
- Переход на страницу с другой страницы в том же самом окне или вкладке
- Восстановление состояния ранее открытой страницы на мобильных ОС
- Возврат на страницу по кнопкам браузера "Вперёд" и "Назад"
Примечание:
Во время первоначальной загрузки страницы, событие pageshow срабатывает после события load.
| Всплывает | Нет |
|---|---|
| Отменяемое | Нет |
| Интерфейс | PageTransitionEvent |
| Свойство обработчика события | onpageshow |
Примеры
Следующий пример создаёт обработчики для событий, перечисленных в массиве events. Обработчик eventLogger() выводит на консоль каждый тип произошедшего события вместе со значением флага persisted в событиях pageshow и pagehide.
JavaScript
js
const events = ["pagehide", "pageshow", "unload", "load"];
const eventLogger = (event) => {
switch (event.type) {
case "pagehide":
case "pageshow":
let isPersisted = event.persisted ? "persisted" : "not persisted";
console.log("Event:", event.type, "-", isPersisted);
break;
default:
console.log("Event:", event.type);
break;
}
};
events.forEach((eventName) => window.addEventListener(eventName, eventLogger));
HTML
html
<p>
Откройте консоль и следите за выводом данных при переходе на эту страницу и
обратно. этой страницы. Попробуйте открыть новые страницы в текущей вкладке, а
затем вернитесь обратно, и посмотрите, что отобразилось в консоли.
</p>
Результат
[フレーム]
Спецификации
| Specification |
|---|
| HTML # event-pageshow |
Совместимость с браузерами
Enable JavaScript to view this browser compatibility table.