Javascript location.reload (true) - автоматическое обновление JS - httpdoc.ru

Javascript location.reload (true) - автоматическое обновление JS

JavaScript полон полезных функций, location.reload() это одна из них. Эта функция обновляет всю веб-страницу. Точно так же JavaScript location.reload (true) жестко обновляет веб-страницу. Но мы всегда можем перезагрузить веб-страницу, нажав F5 или используя кнопку перезагрузки браузера. Таким образом, возникают вопросы: для чего используется location.reload ()? И что такое аппаратное обновление? Узнаем ответ!


Метод Javascript location.reload ()

location.reload() Метод обновляет текущую веб - страницу из кэша браузера. Кэш браузера - это временные интернет-файлы, в которых хранятся изображения, документы и данные веб-сайта для более быстрой перезагрузки в будущем. location.reload() используйте эти данные кеша для перезагрузки веб-страниц.

Синтаксис location.reload ():

location.reload ();

Метод перезагрузки местоположения может быть вызван нажатием кнопки или любым другим событием. Наиболее популярное использование - автоматическая перезагрузка веб-страницы. Этого можно добиться, используя setTimeout() with location.reload() . Посмотрите на пример ниже.

Автоматическое обновление лучше всего подходит для веб-сайтов, которым требуется частая перезагрузка, например news websites, sports websites that show live scores , и т. Д. Но этим веб-сайтам нужны обновляемые данные прямо с сервера. Итак, нам нужно немного настроить функцию, чтобы начать обновление страницы с сервера (Следующая тема).

Пример location.reload () с кнопкой:

Пример
<!DOCTYPE html>
<html>

<head>
	<script type="text/javascript" src="scripts.js">
	</script>
	<link rel="stylesheet" href="styles.css">
</head>

<body>

	<1>location.reload function</1>
	<button onclick="sampleFunction()">Reload the page!</button>

</body>
</html>

<script>
(() => {
  setTimeout(() => {
    document.getElementsByTagName("body")[0].style.backgroundColor = 'white';
  }, 50)
})();
function sampleFunction() {
  location.reload();
}
</script>

Выход

location.reload функция


Примечание: location.reload () не имеет возвращаемого значения.

Пример автоматической перезагрузки веб-страницы с использованием метода setTimeout ():

Пример
<html>
<head>
    <title>JavaScript page refresh example</title>
    <script type="text/JavaScript">
        function timeRefresh(timeoutPeriod) {
            setTimeout("location.reload(true);", timeoutPeriod);
        }
    </script>
</head>
<body onLoad="JavaScript:timeRefresh(5000);">
  <h3>This page will auto refresh after 5 seconds.</h3>
</body>
</html>

JavaScript location.reload (true) - перезагрузить с сервера

JavaScript location.reload(true) , вы заметили разницу? Да, в функцию передается параметр ' true '. Вот как мы обновляем веб-страницу с сервера, это очень просто. Это логический параметр, поэтому он имеет только два значения: true и false .

По умолчанию в качестве параметра передается location.reload() " false ". Этот параметр предназначен для жесткого обновления с сервера. Когда он false передается, веб-страница перезагружается из кеша браузера. Однако при true передаче браузер запрашивает у сервера новую копию веб-страницы.

Примечание. Поскольку значение false является параметром по умолчанию, значит location.reload () location.reload(false) .

Вы также можете проверить Расположение окна JavaScript который содержит информацию о текущем URL.