Перенаправлення на іншу сторінку за допомогою javascript, javascript

Але врахуйте, що несподівані перенаправлення, які відбуваються в середині іншого дії, дратують відвідувачів. Тому використовувати редирект потрібно тільки, якщо це дійсно необхідно і в тому випадку, якщо це буде мати сенс з точки зору користувача.

Якщо потрібно автоматично перенаправляти користувача з однієї сторінки (URL1) на іншу сторінку (URL2), можна використовувати наступний код:

Перенаправлення на іншу сторінку через X секунд

У цьому прикладі ми будемо здійснювати js редирект на іншу сторінку через деякий час після завантаження сторінки. Наприклад, якщо потрібно перенаправити відвідувача на головну сторінку після відображення сторінки вітання протягом 5 секунд:

Ми використовували метод setTimeout. щоб вказати скрипту виконати перенаправлення через 5 секунд (множимо 5 на 1000, щоб перетворити секунди в мілісекунди).

Перенаправлення на іншу сторінку, виходячи з умови

Наприклад, можна виконати перенаправлення залежно від браузера відвідувача (хоча це не рекомендується), розміру екрана, часу доби, або іншого умови.

Використовуйте наступний код для перенаправлення відвідувачів, які задовольняють певній умові:

Наприклад, цей код перенаправляє відвідувачів на іншу сторінку, якщо ширина їх екрану менше 600 пікселів:

Перенаправлення на іншу сторінку на основі дій користувача

Останній приклад демонструє, як перенаправити відвідувача, грунтуючись на його діях. Ви можете прив'язати js редирект до будь-якого типу дії користувача. В даному прикладі для простоти ми будемо обробляти натискання кнопки.

Наступний код буде перенаправляти відвідувача на цільову сторінку після натискання на #mybutton:

Можна зробити те ж саме, використовуючи наступний код:

Також можна пов'язати перенаправлення з будь-яким подією або дією користувача. Тільки не забудьте упевнитися, що ваші редіректи не викличуть розчарування користувачів.

Я спробував розглянути всі можливі випадки js редиректу на іншу сторінку. Якщо я коли-небудь зіткнемося з іншими сценаріями, я додам їх в цю статтю.