В этой статье мы покажем, как можно организовать перенаправление со страницы, используя JavaScript location . Неожиданные перенаправления считаются очень раздражающими с точки зрения пользователей, поскольку они отрицательно влияют на общее впечатление. Например, если вы перенаправляете пользователей на другой сайт сразу после их перехода на ваш. Также, если вы направите на постороннюю страницу по таймеру или после того, как они совершили определенное действие. Это приведет к тому, что пользователь захочет сразу же покинуть ваш сайт.
Кроме этого поисковые системы не жалуют ресурсы, использующие переадресацию, особенно если они вводят пользователей в заблуждение. Но существуют случаи, когда перенаправление может быть полезно. Поэтому мы оставляем за вами принятие решения, использовать переадресацию или нет.
Методы переадресации JavaScript
В JavaScript window location или объект location используется, чтобы получить информацию о местоположении текущей веб-страницы ( документа ), а также для его изменения. Ниже приведен список способов, которые могут быть использованы для реализации переадресации JavaScript :
Хотя приведенные выше строки JavaScript кода выполняют схожую работу, у них есть небольшие отличия. Например, если вы используете перенаправление top.location внутри элемента iframe , то это принудительно перенаправит на главное окно. Еще один момент, о котором стоит помнить: location.replace() заменяет текущий документ, удаляя его из истории и делая его недоступным с помощью кнопки « Назад » в браузере.
Для реализации кроссбраузерности мы рекомендуем использовать следующий код JavaScript windows location :
Также вы можете зайти на эту страницу, чтобы подробнее узнать, как работает window.location .
Переадресация JavaScript: перенаправление при загрузке
Чтобы перенаправить пользователя на другой веб-сайт сразу же после открытия вашего сайта, можно использовать следующий код вверху вашей страницы, внутри элемента . Или, если вы используете отдельный .js файл , поместите следующий код в этот файл и не забудьте сослаться на него в заголовке вашей страницы:
Просто замените URL-адрес из примера на тот адрес, куда вы хотите перенаправлять. Следует отметить, что при этом виде переадресации, посетители вообще не увидят вашу веб-страницу и будут моментально перенаправлены на целевой адрес.
Переадресация JavaScript: перенаправление после определенного периода времени
Чтобы перенаправить пользователя на другой сайт после определенного периода времени, можно использовать следующий код:
Функция JavaScript location href , приведенная выше, перенаправит пользователя со страницы через 3 секунды после полной загрузки. Вы можете изменить значение 3000 ( 3 x 1000 в миллисекундах ) на свое усмотрение.
Переадресация JavaScript: перенаправление со страницы после события или действия пользователя
Иногда нужно отправить пользователя на другую страницу после определенного события или совершенного действия. В таких случаях можно использовать проверку условия или закрепить за элементом событие для выполнения переадресации. Рассмотрим два следующих примера:
Приведенный выше код JavaScript document location href выполнит перенаправление, если условие верно:
Приведенный выше код выполнит перенаправление, когда пользователь нажмет на элемент #button .
Так работает переадресация в JavaScript . Надеемся, эти примеры помогут вам в организации переадресации веб-страниц.
Данная публикация представляет собой перевод статьи « JavaScript Redirect: How to Redirect a Web Page with JavaScript » , подготовленной дружной командой проекта Интернет-технологии.ру
I’m building a website (http://brandonbarber.co/) that looks like this.
And I have the following code for detecting a click on the linkedin div, it then redirects.
But when I click the div, it redirects to a blank page.
What am I missing?
2 Answers 2
The issue occurs because your entire site is made up of frames/iframes, so when you use window.location.href = "https://www.linkedin.com/in/brandon-barber-79043593/" you’ll prompt the browser to open that page in the iframe which isn’t allowed by the source, in this case linkedin. Refused to display ‘https://www.linkedin.com/in/brandon-barber-79043593/’ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.
To work around this issue you’ll need to use window.open instead of window.location, e.g: window.open(‘https://www.linkedin.com/in/brandon-barber-79043593/’, ‘_blank’);
On a side note, I would recommend to not iframe the source content of the page and instead setting up a CNAME for your for your domain which points at your IP, because the IP is concurrently exposed in the DOM.
The following sets the target to _blank :
But this doesn’t seem to work. How do I launch the link in a new tab?
Here is my code:
4 Answers 4
window.location sets the URL of your current window. To open a new window, you need to use window.open . This should work:
Just use in your if (key=="smk")
he creado una función que me permite obtener esta característica, si alguien tiene alguna sugerencia para mejorarla por favor compartirla, muchas gracias
Hello, I have created a function that allows me to obtain this feature, if anyone has any suggestions to improve it please share it, thank you very much