Я работаю над HTML-проектом, и я не могу узнать, как открыть ссылку на новой вкладке без javascript.
Я уже знаю, что <a href="#" onclick="location.href='http://www.WEBSITE_NAME.com'; return false;"></a> открывает ссылку на той же вкладке. Любые идеи, как сделать его открытым в новом?
Установите атрибут target для ссылки _blank:
<a href="#" target="_blank" rel="noopener noreferrer">Link</a>
Изменение: другие примеры см. здесь: http://www.w3schools.com/tags/att_a_target.asp
(Примечание: я ранее предложил blank вместо _blank, потому что, если он используется, он откроет новую вкладку и затем использует ту же вкладку, если ссылка будет нажата снова. Однако это только потому, что, как указал GolezTrol, оно относится к имени a фрейма/окна, которое будет установлено и использовано при повторном нажатии ссылки, чтобы открыть ее на той же вкладке).
Вопросы безопасности!
rel="noopener noreferrer" не позволяет вновь открытой вкладке иметь возможность злонамеренно изменять исходную вкладку.
Для получения дополнительной информации об этой уязвимости см. эти ресурсы:
Используйте один из них в соответствии с вашими требованиями.
Откройте связанный документ в новом окне или вкладке:
<a href="xyz.html" target="_blank"> Link </a>
Откройте связанный документ в том же фрейме, который был нажат (по умолчанию):
<a href="xyz.html" target="_self"> Link </a>
Откройте связанный документ в родительском фрейме:
<a href="xyz.html" target="_parent"> Link </a>
Откройте связанный документ во всей полноте окна:
<a href="xyz.html" target="_top"> Link </a>
Откройте связанный документ в именованном фрейме:
<a href="xyz.html" target="framename"> Link </a>
Если вы хотите сделать команду один раз для всего сайта, а не делать это после каждой ссылки. Попробуйте это место в главе вашего веб-сайта и бинго.
<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>
надеюсь это поможет
Используйте target="_blank":
<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>
target='_blank', если вы не используете XHTML.
Используйте атрибут "target" тега a и назначьте его _blank. То есть:
<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser capabilities</a>
Когда использовать target='_blank':
Версия HTML (некоторые устройства не поддерживают его):
<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>
Версия JavaScript для всех устройств:
Использование rel= "external" вполне допустимо
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('a[rel="external"]').attr('target', '_blank');
</script>
и для JQuery можно попробовать следующее:
$("#content a[href^='http://']").attr("target","_blank");
Если настройки браузера не позволяют открывать в новых окнах:
href = "google.com";
onclick="window.open (this.href, ''); return false";
Атрибут target="_blank" сделает эту работу. Только не забудьте добавить rel="noopener noreferrer" чтобы устранить потенциальную уязвимость. Подробнее об этом здесь: https://dev.to/ben/the-targetblank-vulnerability-by-example
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>
Вы можете использовать <a href='url' target="_blank">name</a>
Пример
<a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>
По умолчанию открывается та же вкладка:
<a href="https://www.google.com/">Google.com </a>
Открывается новая вкладка:
<a href="https://www.google.com/" target="_blank">Google.com </a>
target = "_ blank" всегда открывает новую вкладку для каждого клика, а target = "tabName" открывает новую вкладку, но то же самое для каждого клика.
Вы можете использовать <a href="#" target="_blank">Your Text</a>
Надеюсь, это помогло.
Спасибо.
Ты можешь использовать:
<a href="#" onclick="location.href='http://www.WEBSITE_NAME.com'; return false;" target="_blank"> Website</a>
Однако вышеперечисленное делает ваш сайт уязвимым для фишинговых атак. Вы можете предотвратить это в некоторых браузерах, добавив rel= "noopener noreferrer" к вашей ссылке. С этим добавленным, приведенный выше пример становится:
<a href="#" onclick="location.href='http://www.WEBSITE_NAME.com'; return false;" rel="noopener noreferrer" target="_blank">Website.com</a>
проверьте для получения дополнительной информации: https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml