Редирект на другую страницу с jQuery/JavaScript

· JavaScript, jQuery и Снипеты · 1 мин чтения

В этом записи я поделюсь с вами простым снипетом редиректа с помощью JavaScript. jQuery для этого вам не понадобиться.

Редирект можно делать не только с помощью JavaScript, но так же через HTML и PHP, но конкретно в этой записи пойдет речь только о JavaScript.

JavaScript

// обычный HTTP редирект
window.location.replace("http://bologer.ru");

// похожее поведение как например при нажатии на ссылку
window.location.href = "http://bologer.ru";

Как это использовать в HTML?

<button onclick="window.location.replace('http://bologer.ru')">Перейти на сайт</button>

Обратите внимание, что в HTML примере выше используются одинарные кавычки, так как двойные используются для onclick атрибута. Таким же образом можно использовать и location.href.

Демо

После нажатия на кнопку ниже сработает переотправка на главную страницу этого сайта. На этой кнопке используется onclick="window.location.href='http://bologer.ru'"

На этом все. Если у вас остались какие-либо вопросы, то задавайте ихь в комменатрии ниже.