Question

我正在开发一个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指出的那样，它指的是框架/窗口的名称a，当再次按下链接以在同一个选项卡中打开它时，它将被设置和使用。

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>

See 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

如果您不使用XHTML，请

target='_blank'。

Answer 6

使用a标签的“target”属性并将其分配给_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 =“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";

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='url' target="_blank">name</a>

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

Answer 10

默认在同一标签中打开：

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

在新标签页中打开：

@foreach ($displayRooms as $room => $events)
    @foreach ($events as $event)
        @include('partials.event', ['event' => $event, 'room' => $room, 'active' => $loop->first])
    @endforeach
@endforeach

Answer 11

目标=＆＃34; _blank＆＃34;始终为每次点击打开一个新标签目标=＆＃34; TABNAME＆＃34;打开一个新标签，但每次点击都相同。

Answer 12

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

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

Answer 14

您可以这样做：

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

最初是：

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

还要查看 MDN 上的以下网址，以获取有关安全性和隐私性的更多信息：

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/

Answer 15

在新标签中打开链接的简单方法是在链接中添加一个目标属性，其值等于“ _blanl”，如下所示：

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

Answer 16

如果有人在寻找使用它来进行反应的方法，那么您可以按照以下给出的代码模式进行操作。您必须添加多余的属性。

<a href="mysite.com" target="_blank" rel="noopener noreferrer" >Click me to open in new Window</a>

Answer 17

在 React 的情况下，如果有人想在新选项卡中打开链接。请从 react-router-dom 使用，因为 struct A { }; struct B { constexpr B(A const & _a) : a(_a) {} A const & a; }; int main() { constexpr static A s1; constexpr B s2{s1}; } 刷新整个页面，即使您的页面仅更改新路由上的某些文本或图像。链接使用请参考here

如何在html的新标签页面中打开链接？

17 个答案: