Это строка гиперссылки в HTML:
<a href="http://www.starfall.com/">Starfall</a>
Таким образом, если я нажму на «Звездопад», мой браузер - я использую FireFox - перенесет меня на эту новую страницу, и содержимое моего окна изменится. Интересно, как это сделать в HTML, чтобы новая страница открывалась в новом окне вместо изменения предыдущей? Есть ли такой способ в HTML?
И если да, можно ли открыть запрошенную страницу на другой вкладке (не в другом окне) моего браузера?
Ответы:
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Открывается ли он во вкладке или в другом окне, зависит от того, как пользователь настроил свой браузер.
Самый простой способ - добавить целевой тег.
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Используйте разные значения для целевого атрибута для каждой ссылки, если вы хотите, чтобы они открывались на разных вкладках, и то же значение для целевого атрибута, если вы хотите, чтобы они заменяли другие.
targetАтрибут является лучшим способом сделать это.
<a href="http://www.starfall.com" target="_blank">
откроет его в новой вкладке или в новом окне. Что касается того, что зависит от настроек пользователя.
<a href="http://www.starfall.com" target="_self">
по умолчанию. Он открывает страницу на той же вкладке (или iframe, если вы имеете дело с этим).
Следующие два хороши, только если вы имеете дело с iframe.
<a href="http://www.starfall.com" target="_parent">
откроет ссылку в iframe, в котором был iframe, в котором была ссылка.
<a href="http://www.starfall.com" target="_top">
откроет ссылку на вкладке независимо от того, через сколько фреймов она должна пройти.
target = _blank будет открываться в новой вкладке или окнах в зависимости от настроек браузера.
Чтобы принудительно открыть новое окно, используйте javascript onclick, все три части необходимы. URL-адрес, имя, ширина и высота окна, иначе он просто откроется в новой вкладке.
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
Поскольку Интернет быстро развивается, некоторые вещи со временем меняются. По вопросам безопасности вы можете использовать этот rel="noopener"атрибут вместе с вашим target="_blank".
Как указано в документации Google Dev , другая страница может получить доступ к вашему объекту окна с расширением window.opener property. Теперь ваша внешняя ссылка должна выглядеть так:
<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>в наши дни лучше всего иметь и то, и другое