Как сделать редирект на другой URL в JavaScript
![[JavaScript redirect url]](https://romankurnovskii.com/ru/posts/howto-redirect-to-url//featured.ru.jpg)
Содержание
Пользователя можно перенаправлять с одной веб-страницы на любую другую несколькими способами.
- с помощью обновления мета-данных HTML. Перенаправления на стороне сервера. Например, используя файл .htaccess, PHP
- с помощью перенаправления на стороне клиента через JavaScript.
Для перенаправления на другой URL с помощью JavaScript используем window.location.href или window.location.replace().
Передать второй аргумент, чтобы произвести клик по ссылке (true - по умолчанию) или перенаправление по HTTP (false).
JavaScript функции
Логика
const newUrl = 'https://www.google.com/';
window.location.href = newUrl; // 1
window.location.replace(newUrl); // 2
window.location.assign(newUrl) // 3
Пример функции
const redirect = (url, asLink = true) =>
asLink ? (window.location.href = url) : window.location.replace(url);
JavaScript в html
<html>
<head>
<script>
const newUrl = 'https://www.google.com/';
window.location.href = newUrl;
</script>
<!--...-->
redirect('https://google.com');
метатег HTML
<html>
<head>
<meta http-equiv="refresh" content="0; url=https://example.com/newlocation" />
</head>
</html>
После того как загрузится ткущая страница, браузер перенаправит на новую страницу, ожидая при этом 0 content="0 секунд.
Чтобы выполнялась отложенная переадресация, укажите нужное количество секунд в атрибуте content:
<html>
<head>
<meta http-equiv="refresh" content="10; url=https://example.com/newlocation" />
</head>
</html>
