Zen*_*ing 349 html anchor hyperlink browser-tab
我正在开发一个HTML项目,我无法找到如何在没有javascript的情况下在新选项卡中打开链接.
我已经知道<a href="http://www.WEBSITE_NAME.com"></a>在同一个标签中打开链接.有任何想法如何让它在新的开放？
Sha*_*ood 541
将链接的"target"属性设置为_blank:
<a href="#" target="_blank" rel="noopener noreferrer">Link</a>
编辑:有关其他示例,请参阅此处:http://www.w3schools.com/tags/att_a_target.asp
(注意:我之前建议使用,blank而不是_blank因为,如果使用它,它将打开一个新选项卡,然后再次单击链接时使用相同的选项卡.但是,这只是因为,正如GolezTrol指出的那样,它引用了名称框架/窗口的a,当再次按下链接以在同一选项卡中打开它时,将设置和使用它.
Lea*_*ays 92
根据您的要求使用其中一种.
在新窗口或选项卡中打开链接的文档:
<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>
小智 31
如果您想为整个站点创建一次命令,而不是必须在每个链接之后执行此操作.在您的网站和宾果游戏的头部尝试这个地方.
<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>
希望这可以帮助
Eva*_*ahn 13
用途target="_blank":
<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</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>
小智 6
您可以使用该target属性在新选项卡中打开链接：
<a href="https://google.com" target="_blank">Google Link</a>
或者
<a href="https://google.com" target="blank">Google Link</a>
不同之处
_blank将始终在新选项卡中打开链接。
空白将在第一次打开时在新选项卡中打开链接，但所有后续打开将重用/更新现有选项卡。
小智 5
您可以使用：
<a href="http://www.WEBSITE_NAME.com" target="_blank"> Website</a>
然而，上述情况使您的网站容易受到网络钓鱼攻击。您可以通过在链接中添加 rel="noopener noreferrer" 来防止某些浏览器中发生这种情况。添加后，上面的例子就变成了：
<a href="http://www.WEBSITE_NAME.com" rel="noopener noreferrer" target="_blank">Website.com</a>
查看更多信息： https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml