Современный веб-разработчик часто сталкивается с необходимостью перенаправить пользователя на другую страницу в рамках веб-приложения. Например, после успешной отправки формы или нажатия на определенную кнопку.
JavaScript предоставляет простой и эффективный способ для выполнения этой задачи. Это достигается с помощью объекта window.location
.
Использование window.location.href
Самый распространенный и простой способ перенаправить пользователя на другую страницу — это изменить свойство href
объекта window.location
.
window.location.href = 'http://www.example.com';
Этот код перенаправит браузер на страницу www.example.com
.
Использование window.location.replace
Если необходимо, чтобы страница, с которой происходит переход, не была сохранена в истории браузера, можно использовать метод replace
объекта window.location
.
window.location.replace('http://www.example.com');
Этот код также перенаправит браузер на страницу www.example.com
, однако при нажатии на кнопку «Назад» в браузере, пользователь не вернется на исходную страницу.
Использование window.location.assign
Метод assign
объекта window.location
ведет себя так же, как и прямое присвоение свойству href
, сохраняя исходную страницу в истории браузера.
window.location.assign('http://www.example.com');
Все вышеупомянутые способы являются кросс-браузерными и безопасными для использования в современной веб-разработке. Их можно использовать для перенаправления браузера на URL по выбору.
Добавить комментарий