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

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>