Объект истории:

  • Это объект javascript, содержащий все посещенные URL-адреса на определенной вкладке браузера.
  • Он является частью объекта window и может быть доступен через свойство window.history.
console.log(window.history);

Свойства истории:

1- history.length:

  • Он возвращает количество URL-адресов в истории сеанса.

2- history.scrollRestoration:

  • Это позволяет вам установить поведение восстановления прокрутки по умолчанию при навигации по истории.
  • Он имеет два значения: авто или вручную.

авто: если вы установите для него значение «авто», то место на странице, которое прокручивал пользователь, будет восстановлено.

вручную: если вы установите для него значение «вручную», пользователю придется прокручивать до нужного места вручную.

3- history.state:

  • Он возвращает значение, представляющее состояние наверху стека истории.

Методы истории:

1- history.back ():

  • Он возвращается на предыдущую страницу в истории сеанса (как если бы пользователь нажимал кнопку возврата в браузере).

2- history.forward ():

  • Он переходит на следующую страницу в истории сеанса (как если бы пользователь нажимал кнопку «Далее» в браузере).

3- history.go ():

  • Он загружает страницу из истории сеанса, идентифицируемую ее относительным положением относительно текущей страницы (например, -1 для предыдущей страницы или 1 для следующей страницы).
  • Если вы вызываете его с местоположением, находящимся за пределами доступа (например, вы даете ему 1, пока в истории сеанса нет следующей страницы), это не повлияет.
  • Если вы вызовете его без каких-либо параметров или передадите ему 0, он перезагрузит текущую страницу.
histoy.back();    ===    history.go(-1);
history.forward();  === history.do(1);
history.go();  ===   history.go(0) // it reloads current page

Надеюсь, вам понравится эта статья, все комментарии и отзывы в основном приветствуются.

Удачного кодирования!