Answers:
将链接的“目标”属性设置为_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"
是为了防止新开启的分页从能够恶意修改原来的标签。有关此漏洞的更多信息,请参见以下资源:
blank
将是框架或窗口的名称。这似乎可行,因为当不存在名称为“空白”的新窗口或标签时,可能会打开一个新窗口或标签,但是第二次单击链接应再次在同一标签中打开该页面,而不是打开另一个标签。
blank
除了实际上还具有特殊含义之外,您不能很好地使用它。我找不到任何可以证明的信息。你可以吗?foo
_blank
_blank
会没事的;链接将分别在不同的标签中打开。如果您指定的名称没有下划线(例如blank
),则链接将在同一选项卡中打开。
根据您的要求使用其中之一。
在新窗口或标签中打开链接的文档:
<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>
target="_blank"
存在漏洞,您可以在mathiasbynens.github.io/rel-noopener中
如果您想对整个站点执行一次命令,而不必在每个链接后都执行一次。在您的网站和Bingo头内尝试这个地方。
<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'
:
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="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
您可以这样做:
<a href="https://duckduckgo.com/" target="_blank" rel="noopener noreferrer">Open Duck</a>
另外,请查看MDN上的以下网址,以获取有关安全性和隐私权的更多信息:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a#Security_and_privacy
反过来,该链接指向名为Target =“ _ blank”的好文章的链接-有史以来被低估的漏洞:
https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/
<a href="url" target="_blank">...</a>