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

1

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

location.reload();
JS

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

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

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

setTimeout(function(){
	location.reload();
}, 30000);
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 используется объект parent, подробнее в статье «Как обновить iframe».

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

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

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

header("Refresh: 5");
PHP

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

17.02.2021, обновлено 27.01.2022
128885

Комментарии

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

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

Описание мета-тегов
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
26430
+4
Модальные окна на Fancybox 2
Fancybox 2 не только плагин галерей, но и модальных окон, рассмотрим подробнее.
23146
+4
Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
62086
+25
Закрыть вкладку браузера c помощью JavaScript
Для того, чтобы закрыть текущую вкладку или окно браузера в JS достаточно вызвать метод...
18237
+4
Интеграция с платежной системой PayKeeper в PHP
Платежная платформа PayKeeper позволяет принимать оплату заказов по ссылке, используя данный метод можно с легкостью...
9412
+1
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
60088
+7