如何使HTML在另一个窗口或选项卡中打开超链接?


91

这是HTML中超链接的一行:

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

因此,如果我单击“ Starfall”,我的浏览器-我正在使用FireFox-将带我到新页面,并且窗口的内容将更改。我想知道如何用HTML做到这一点,以便在新窗口中打开新页面,而不是更改前一个窗口?HTML中有这种方法吗?

如果是,是否可以在浏览器的另一个选项卡(而不是另一个窗口)中打开请求的页面?

Answers:


134
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

是否在选项卡或其他窗口中打开取决于用户如何配置其浏览器。


6
并非所有浏览器都支持选项卡,在那些浏览器中,用户可以配置在新选项卡或新窗口中打开的页面。当前没有一种方法可以指定需要在标签页还是窗口中打开链接。
bta 2010年

2
记住,目标属性具有href属性后声明
MC

107

最简单的方法是添加目标标签。

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

如果希望每个链接在不同选项卡中打开,请为每个链接的目标属性使用不同的值;如果希望它们替换其他链接,请为目标属性使用相同的值。


45
+1指出目标不一定是“ _blank”。
GSto

4
值得注意的是,这是有效的HTML5。
AeroCross 2013年

“名字”是什么意思?
Vnge

8

target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>


7

您应该可以添加

target="_blank"

喜欢

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

6

target属性是执行此操作的最佳方法。

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

将在新标签页或窗口中将其打开。至于哪个,取决于用户设置。

<a href="http://www.starfall.com" target="_self">

是默认值。它将使页面在同一标签(如果您要处理的是iframe)中打开。
接下来的两个只有在处理iframe时才有用。

<a href="http://www.starfall.com" target="_parent">

将在包含链接的iframe中打开iframe中的链接。

<a href="http://www.starfall.com" target="_top">

不论必须经过多少个iframe,都会打开标签中的链接。


如何在其他示例中使用该彩色文本?
hellol11 2015年

5

target = _blank将根据浏览器设置在新选项卡或窗口中打开。

要强制使用新窗口,请使用javascript onclick,这三个部分都是必需的。网址,名称以及窗口的宽度和高度大小,否则它将在新标签页中打开。

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

4

您还可以通过在页面标题中添加以下内容来完成此操作:

<base target="_blank">

这将使页面上的所有链接在新标签页中打开


4

由于网络发展迅速,因此某些事情会随着时间而改变。出于安全性考虑,您可能希望将该rel="noopener"属性与结合使用target="_blank"

Google开发文档中所述,其他页面可以使用来访问您的窗口对象window.opener property。您的外部链接现在应如下所示:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>这几天似乎是最好的做法有两种
ContextCue

1

下面的示例target="_blank"适用于Safari和Mozilla

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

使用target="new"适用于Chrome的产品

<a href="http://www.starfall.com" `target="new"`>

2
您在其他几十个答案中与众不同的地方是什么?
远端
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.