如何打开新的标签页链接的HTML？如何打开新的标签页链接的HTML？(How to open lin

2019-05-08 17:37发布

站内文章 / 前端开发
78 0 0

我工作的一个HTML的项目，我不能找出如何打开一个新标签的链接没有的JavaScript。

我已经知道， <a href="http://www.WEBSITE_NAME.com"></a>打开在同一选项卡中的链接。 任何想法如何让它在一个新的开放？

Answer 1:

设置链接的“目标”属性_blank ： 

<a href="#" target="_blank">Link</a>

编辑：对于其他例子，在这里看到： http://www.w3schools.com/tags/att_a_target.asp

（注：我先前建议blank ，而不是_blank 。因为，如果使用的话，它会打开一个新的选项卡，然后使用相同的标签，如果该链接再次点击但是，这仅仅是因为，作为GolezTrol指出的那样，它是指名称的一个帧/窗口，当链路被再次按下在同一标签以将其打开，其将被设置和使用的）。



Answer 2:

使用其中的一个按您的要求。

打开一个新窗口或标签的链接的文档： 

 <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>

见MDN



Answer 3:

如果你想使命令一次为整个网站，而不必每一个环节都要做一遍。 试试你的网站和宾果的头内这个地方。 

<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>

希望这可以帮助



Answer 4:

使用target="_blank" ： 

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>


Answer 5:

target='_blank'如果你不使用XHTML。



Answer 6:

使用标签的“目标”属性，并指定为_blank。 那是： 

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a>


Answer 7:

当使用target='_blank' ：

HTML版本（有些设备不支持它）： 

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>

JavaScript版本的所有设备：

在使用rel =“外部”的是完全合法

<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";


Answer 8:

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>


Answer 9:

您可以使用<a href="#" target="_blank">Your Text</a>希望它帮助。 谢谢。



Answer 10:

您可以使用 <a href='url' target="_blank">name</a>

例如 <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>



Answer 11:

默认的相同的选项卡中打开： 

<a href="https://www.google.com/">Google.com </a>

在打开新标签： 

<a href="https://www.google.com/" target="_blank">Google.com </a>


Answer 12:

目标=“_空白”始终打开为每次点击和目标的新选项卡=“TABNAME”打开一个新的标签，但同为每次点击付费。



Answer 13:

您可以使用： 

<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



文章来源: How to open link in new tab on html?
标签： html hyperlink anchor browser-tab
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~