我在一个HTML项目上工作,我不知道如何在没有JavaScript的新选项卡中打开链接。

我已经知道<a href="http://www.WEBSITE_NAME.com"></a>在同一选项卡中打开链接。有什么办法能让它在一个新的盒子里打开吗?


当前回答

你可以这样做:

<a href="http://www.WEBSITE_NAME.com" target="_blank" rel="noopener noreferrer">Open</a>

原来是:

<a href="http://www.WEBSITE_NAME.com"></a>

也可以查看MDN上的以下url,了解更多关于安全和隐私的信息:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy

它又有一个链接到一篇名为Target="_blank"的好文章——有史以来最被低估的漏洞:

https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/

其他回答

何时使用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";

使用目标=“平等”:

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</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="http://www.WEBSITE_NAME.com" target="_blank" rel="noopener noreferrer">Open</a>

原来是:

<a href="http://www.WEBSITE_NAME.com"></a>

也可以查看MDN上的以下url,了解更多关于安全和隐私的信息:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy

它又有一个链接到一篇名为Target="_blank"的好文章——有史以来最被低估的漏洞:

https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/

您可以使用目标属性在新选项卡中打开链接

 <a href="https://google.com" target="blank"> Google Link </a>

OR

<a href="https://google.com" target="blank"> Google Link </a>

区别

_blank将总是打开新的标签链接

空白将第一次打开新的标签链接,但第二次它将更新现有的标签