JS -метод location.reload() перезагружает текущую вкладку браузера и действует также как кнопка «Обновить страницу».
location.reload();Пример перезагрузки страницы кликом на ссылку или кнопку:
<a href="#" onclick="location.reload(); return false;">
Обновить страницу
</a>Цикличное обновление страницы с задержкой
В коде используется тот же location.reload() выполняемый с задержкой setTimeout() в тридцать секунд.
setTimeout(function(){
location.reload();
}, 30000);Перезагрузка страницы с задержкой
В случаях когда после клика на кнопку или ссылку нужно перезагрузить страницу с задержкой, например две секунды:
<a href="#" onclick="reload_interval(2000); return false;">
Обновить страницу через 2 секунды
</a>
<script>
function reload_interval(time){
setTimeout(function(){
location.reload();
}, time);
}
</script>Пример:
Перезагрузка страницы с подтверждением
Чтобы пользователь мог подтвердить действие, можно применить метод вызова диалогового сообщения confirm.
if (confirm('Вы действительно хотите обновить страницу?')) {
window.location.reload();
}Или по клику на ссылку:
<a href="#" onclick="reload_confirm(); return false;">
Обновить страницу
</a>
<script>
function reload_confirm(){
if (confirm('Вы действительно хотите обновить страницу?')) {
window.location.reload();
}
}
</script>Пример:
Обновление родительской страницы из IFrame
Для обращения к ресурсам родительской страницы из IFrame используется объект parent, подробнее в статье «Как обновить iframe».
parent.location.reload();<a href="#" onclick="parent.location.reload(); return false;">
Обновить родительскую страницу
</a>Добавление мета-тега <meta http-equiv="refresh" content="0"> в <head> страницы заставит её перезагрузится. Значение атрибута content больше нуля задает задержку в секундах.
<!doctype html>
<html lang="ru">
<head>
<title>Document</title>
<meta http-equiv="refresh" content="1">
</head>
<body>
...
</body>
</html>Обновить страницу прямо с сервера можно c помощью функции header(), отправив заголовок «Refresh: 5», где значение «5» указывает интервал в пять секунд.
header("Refresh: 5");Важно, чтобы перед вызовом функции не было отправки контента в браузер, например echo.
