Объект истории:
- Это объект 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
Надеюсь, вам понравится эта статья, все комментарии и отзывы в основном приветствуются.
Удачного кодирования!