Обновить страницу с помощью JS / HTML / PHP

JS метод location.reload() перезагружает текущую вкладку браузера и действует также как кнопка «Обновить страницу».

location.reload();
JS

или

window.location.reload();
JS

Пример перезагрузки страницы кликом на ссылку или кнопку:

<a href="#" onclick="location.reload(); return false;">Обновить страницу</a>
HTML

Пример в действии:

Перезагрузка страницы с задержкой

В коде используется тот же location.reload() выполняемый с задержкой setTimeout() в две секунды.

setTimeout(function(){
	location.reload();
}, 2000);
JS

или

<a href="#" onclick="reload_interval(2000); return false;">Обновить страницу через 2 секунды</a>

<script>
function reload_interval(time){
	setTimeout(function(){
		location.reload();
	}, time);
}
</script>
HTML

Пример:

Перезагрузка страницы с подтверждением

Чтобы пользователь мог подтвердить действие, можно применить метод вызова диалогового сообщения confirm.

if (confirm('Вы действительно хотите обновить страницу?')) {
	window.location.reload();
}
JS

Или по клику на ссылку:

<a href="#" onclick="reload_confirm(); return false;">Обновить страницу</a>

<script>
function reload_confirm(){
	if (confirm('Вы действительно хотите обновить страницу?')) {
		window.location.reload();
	}
}
</script>
HTML

Пример:

Обновление родительской страницы из IFrame

Для обращения к ресурсам родительской страницы из IFrame используется объект parent, подробнее в статье «Как обновить iframe».

parent.location.reload();
JS
<a href="#" onclick="parent.location.reload(); return false;">Обновить родительскую страницу</a>
HTML

Добавление мета-тега <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>
HTML

Обновить страницу прямо с сервера можно c помощью функции header(), отправив заголовок «Refresh: 5», где значение «5» указывает интервал в пять секунд.

header("Refresh: 5");
PHP

Важно, чтобы перед вызовом функции не было отправки контента в браузер, например echo.

17.02.2021, обновлено 21.02.2021
38651

Комментарии

, чтобы добавить комментарий.

Другие публикации

Описание мета-тегов
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
12380
+3
Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
34332
+14
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
28596
+6
Использование API Яндекс Диска на PHP
Можно найти множество применений Яндекс Диска на своем сайте, например, хранение бекапов и отчетов, обновление прайсов,...
38761
+13
Массив $_SERVER
Описание значений глобального массива $_SERVER с примерами.
23339
+2
HTTP коды
Список основных кодов состояния HTTP, без WebDAV.
6641
+1