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 функция
Пример автоматической перезагрузки веб-страницы с использованием метода 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
передаче браузер запрашивает у сервера новую копию веб-страницы.
location.reload(false)
.
Вы также можете проверить Расположение окна JavaScript который содержит информацию о текущем URL.