Как в JavaScript можно управлять историей браузера, перемещаясь вперед и назад?

Объект history предоставляет доступ к истории сеансов браузера. Основные методы для управления:

• history.back(): Перемещает назад на одну страницу в истории.
• history.forward(): Перемещает вперед на одну страницу в истории.
• history.go(delta): Перемещает на указанное количество шагов в истории (delta может быть отрицательным для перемещения назад).

Пример использования:

javascript

Также объект history позволяет управлять состоянием истории без перезагрузки страницы, используя методы pushState и replaceState.

• history.pushState(state, title, url): Добавляет новое состояние в историю сеанса.
  • state: Объект состояния, связанный с записью истории.
  • title: Заголовок страницы (игнорируется большинством браузеров).
  • url: URL, связанный с записью истории.
• history.replaceState(state, title, url): Заменяет текущее состояние в истории сеанса.

Пример с pushState:

javascript

Пример с replaceState:

javascript

Событие popstate срабатывает при активации записи истории сеанса.