Переход на другую страницу в JavaScript

Переход на другие страницы сайтов – важный момент, присутствующий в веб-разработке. Ему требуется уделить немалое внимание, так как с помощью него возможно создавать совершенно разные коды. Причем важный момент – коды на JavaScript, что чаще всего наблюдается. Сам язык не такой уж и сложный, ввиду чего возможно обучиться использовать переход на другую страницу с легкостью. В данном материале будет описана основная информация насчет такого момента в обучении JavaScript.

Использование функции JavaScript для перехода по ссылке

Вообще, переход с одной страницы на другую – легкое действие, которое занимает буквально секунды при должной оптимизации ресурса. Но все же, требуется разобраться с тем, какая функция используется для такого действия. Таким образом, человек может без проблем с дальнейшем заниматься веб-разработкой и привязывать разные сайты-ссылки.

На самом деле, существует несколько вариантов применения функции перехода по ссылке. Они могут использовать совершенно разные условия, касающиеся прошедшего времени, другого прописанного в коде условия или при учете некоторых действий, что совершил пользователь. Все сценарии отличны друг от друга как на практике, как и в скрипте JS. С ними и стоит разобраться для того, чтобы в будущем понимать, как делать на сайтах переходы на ссылки в разных случаях.

Перенаправление на другую страницу через X секунд

Первое, что нужно знать – перенаправление с помощью специального адреса через определенный промежуток времени. Здесь необходимо лишь знать URL-адрес домашней страницы, а также секунды, выраженные в миллисекундах при помощи умножения на 1000. На практике в коде это выглядит таким образом:

setTimeout(function(){
window.location.href = ‘homepage-url’;
}, 5 * 1000);

Вместо ‘homepage-url’ необходимо поставить URL-адрес собственной домашней страницы. А вместо «5» в последней строке можно подставить любое значение.

Перенаправление на другую страницу, исходя из условия

Также, возможно установить условие для перехода на другую страницу в коде. Для такого требуется сделать специальную часть кода, которая как раз-таки станет содержать условие выполнения действия. Можно задать все, что угодно. Вот пример того, что можно установить в коде для перенаправления на другую страницу:

if (screen.width < 600) {
window.location.href = ‘redirect-url’;
}

Вместо значения в скобках в самом верху можно установить пользователям любое условие, что потребуется использовать в скрипте. В данном случае, здесь стоит специальная часть, которая заставляет JSперенаправлять посетителя на другую страницу, если ширина экрана составляет меньше 600 пикселей. Опять же, вместо такого можно установить любое условие.

Перенаправление на другую страницу на основе действий пользователя

Здесь можно сделать легкое перенаправление, используя за действие пользователя нажатие на кнопку. То есть, если человек задействует специальный элемент – будет перенаправлен на другую страницу ресурса. Такое зачастую используется, почему и станет такое полезным для человека в области программирования на JS. Выглядит пример кнопки таким образом:

<button onclick=»window.location.href = ‘/'»>Go to Homepage</button>

Также возможно сделать какие-либо другие действия, связанные с нажатием кнопки. Но об этом уже должен подумать сам пользователь, так как код, который он пишет – зависит исключительно от его идей.

Образовательный портал 3TY.RU
Adblock
detector