06 Июл 2023
2 мин
296

Обновление страницы с помощью JavaScript

Обновление или перезагрузка веб-страницы — это типичная задача, с которой может столкнуться разработчик. Возможные сценарии использования могут

Refreshing a webpage on a computer screen.

Содержание

Обновление или перезагрузка веб-страницы — это типичная задача, с которой может столкнуться разработчик. Возможные сценарии использования могут варьироваться: от обновления страницы после определенного времени до обновления страницы после выполнения определенного действия.

Рассмотрим, как это можно сделать с помощью JavaScript.

Метод location.reload()

Самый простой и распространенный способ обновить страницу с помощью JavaScript — использовать метод location.reload(). Этот метод принадлежит объекту location, который является частью объекта window. Следующий код выполнит перезагрузку страницы:

location.reload();

Параметр метода location.reload()

Метод location.reload() может принимать необязательный параметр: логическое значение true или false. Если параметр не указан или равен false, страница перезагружается из кэша браузера. Если параметр равен true, страница перезагружается с сервера.

location.reload(true); // перезагрузка страницы с сервера

Методы location.replace() и location.assign()

Еще два метода, которые можно использовать для обновления страницы, это location.replace() и location.assign(). Они оба принимают URL в качестве параметра. Если передать текущий URL, страница будет обновлена.

location.replace(document.URL); 
location.assign(document.URL);

Обратите внимание, что location.replace() удаляет текущую страницу из истории сеанса, что означает, что пользователи не смогут вернуться к ней, нажав кнопку «Назад» в браузере. В то время как location.assign() оставляет запись в истории сеанса.

Все эти методы будут работать во всех современных браузерах, что делает их универсальным решением для обновления страницы с помощью JavaScript.

Добавить комментарий