Иногда разработчики хотят часто обновлять веб-страницу при создании веб-приложений, таких как блоги или веб-сайты, содержимое которых может меняться в зависимости от действий пользователя. Любая обновленная информация, основанная на этих взаимодействиях с пользователем, будет отображаться при обновлении или перезагрузке страницы. Для этой цели JavaScript предлагает несколько готовых методов, которые будут обсуждаться ниже.
В этом посте будут показаны способы перезагрузки страницы с помощью JavaScript.
Как перезагрузить страницу с помощью JavaScript?
Для перезагрузки или обновления страницы используйте следующие методы в JavaScript:
Способ 1: перезагрузить страницу с помощью метода reload()
Использовать ' местоположение.перезагрузить() ” для перезагрузки страницы. Она действует так же, как кнопка обновления браузера. “ перезагрузить() » отвечает за перезагрузку страницы, а метод « место нахождения ” — это интерфейс, указывающий фактическое местоположение (URL) объекта, с которым он связан. URL-адрес страницы для обновления доступен либо « документ.местоположение ' или ' окно.местоположение ».
Синтаксис
Используйте следующий синтаксис для перезагрузки текущей страницы с помощью метода reload():
окно.местоположение.перезагрузка ( ) ;Пример 1: Обновление по нажатию кнопки
Создайте кнопку и прикрепите « по щелчку ” событие на нем, которое вызовет предопределенный JavaScript “ перезагрузить() метод:
< кнопка по щелчку знак равно 'окно.местоположение.перезагрузить()' > Обновить / Перезагрузить страницу кнопка >Вывод показывает, что страница обновляется или перезагружается по нажатию кнопки:
Пример 2. Автоматическое обновление с использованием метода setTimeout() и метода reload()
Установите время автоматического обновления страницы с помощью кнопки « установить время ожидания () метод. Во-первых, мы определим метод « обновить() », который принимает временной интервал в качестве параметра для обновления страницы после этого времени. Вызовите метод setTimeout(), а затем вызовите метод reload():
функция обновить ( время ) {setTimeout ( ( ) знак равно > {
document.location.reload ( истинный ) ;
} , время ) ;
}
Здесь мы установим время 2 секунды для обновления страницы каждые две секунды:
window.onload = обновить ( 2000 г. ) ;Как видите, страница автоматически обновляется через 2 секунды:
Способ 2: перезагрузить страницу с помощью метода go()
Другой подход к обновлению страницы — это « история.го() метод. Ввод положительного или отрицательного значения может использоваться, как обычно, для перемещения вперед или назад. Для обновления передайте “ 0 нейтральная ценность или ничего.
Синтаксис
Следуйте указанному синтаксису для перезагрузки страницы:
история.го ( )Пример
Здесь мы будем называть « история.го() ” в событии нажатия кнопки:
< кнопка по щелчку знак равно 'история.го()' > Обновить / Перезагрузить страницу кнопка >Вывод
Это все, что касается перезагрузки/обновления веб-страниц с помощью JavaScript.
Заключение
Для перезагрузки веб-страницы с помощью JavaScript используйте « окно.местоположение.перезагрузить() 'метод' или ' история.го() метод. Метод reload() является наиболее часто используемым подходом для перезагрузки или обновления веб-страниц. В этом посте показаны способы обновления страницы с помощью JavaScript.