如何在html的新标签页面中打开链接？-Java 学习之路

304

我正在开发一个HTML项目，我无法找到如何在没有javascript的情况下在新选项卡中打开链接 .

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

12 回答

482
将链接的'target'属性设置为 _blank ：
```
<a href="#" target="_blank">Link</a>
```
编辑：有关其他示例，请参阅此处：http://www.w3schools.com/tags/att_a_target.asp

（注意：我之前建议使用 blank 而不是 _blank ，因为如果使用它，它将打开一个新选项卡，然后再次单击链接时使用相同的选项卡 . 但是，这只是因为，正如GolezTrol指出的那样，它指的是框架/窗口的名称a，当再次按下链接以在同一选项卡中打开它时，将设置和使用该名称 .
回复于 2024-05-08T19:57:43+08:00
79
根据您的要求使用其中一种 .

在新窗口或选项卡中打开链接的文档：
```
<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
回复于 2024-05-08T19:57:43+08:00
8
如果您想为整个站点创建一次命令，而不是必须在每个链接之后执行此操作 . 在您的网站和宾果游戏的头部尝试这个地方 .
```
<head>
<title>your text</title>
<base target="_blank">
</head>
```
希望这可以帮助
回复于 2024-05-08T19:57:43+08:00

使用 target="_blank" ：

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

回复于 2024-05-08T19:57:43+08:00

5

target='_blank' 如果您没有使用XHTML .

回复于 2024-05-08T19:57:43+08:00

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

回复于 2024-05-08T19:57:43+08:00

When to use target='_blank' :

The HTML version (Some devices not support it):

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

The JavaScript version for all Devices :

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

and for Jquery can try with the below one:

$("#content a[href^='http://']").attr("target","_blank");

If browser setting don't allow you to open in new windows :

href = "google.com";
onclick="window.open (this.href, ''); return false";

回复于 2024-05-08T19:57:43+08:00

2
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>
```
回复于 2024-05-08T19:57:43+08:00
2

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

回复于 2024-05-08T19:57:43+08:00
18

You can use <a href='url' target="_blank">name</a>

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

回复于 2024-05-08T19:57:43+08:00

默认在同一选项卡中打开：

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

在新标签中打开：

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

回复于 2024-05-08T19:57:43+08:00

3

target =“_ blank”始终为每次单击打开一个新选项卡，target =“tabName”打开一个新选项卡，但每次单击都相同 .

回复于 2024-05-08T19:57:43+08:00

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

12 回答

相关问题