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

bri*_*ant 86 html window hyperlink

这是HTML中超链接的一行:

<a href="http://www.starfall.com/">Starfall</a>
Run Code Online (Sandbox Code Playgroud)

因此,如果我点击"Starfall"我的浏览器 - 我正在使用FireFox - 将带我到那个新页面,我的窗口内容将会改变.我想知道,我怎样才能在HTML中执行此操作,以便在新窗口中打开新页面而不是更改之前的页面?HTML中有这样的方式吗?

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

Fra*_*ank 129

<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Run Code Online (Sandbox Code Playgroud)

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

  • 并非所有浏览器都支持选项卡,在这些选项卡中,新选项卡与新窗口中打开的页面是用户可配置的设置.目前没有方法指定需要在选项卡与窗口中打开的链接. (6认同)
  • 请记住,必须在href属性之后声明target属性 (2认同)

Tur*_*key 105

最简单的方法是添加目标标记.

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Run Code Online (Sandbox Code Playgroud)

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

  • +1指出目标不必是'_blank'. (45认同)
  • 值得注意的是,这是一个有效的HTML5. (4认同)

jld*_*ont 7

使用 target="_blank"

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


Jas*_*son 7

你应该能够添加

target="_blank"
Run Code Online (Sandbox Code Playgroud)

喜欢

<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Run Code Online (Sandbox Code Playgroud)


hel*_*l11 6

target属性是您执行此操作的最佳方式.

<a href="http://www.starfall.com" target="_blank">
Run Code Online (Sandbox Code Playgroud)

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

<a href="http://www.starfall.com" target="_self">
Run Code Online (Sandbox Code Playgroud)

是默认的.它使页面在同一个标​​签页面中打开(或iframe,如果这是您正在处理的内容).
接下来的两个只有在处理iframe时才有用.

<a href="http://www.starfall.com" target="_parent">
Run Code Online (Sandbox Code Playgroud)

将打开iframe中具有该链接的iframe中的链接.

<a href="http://www.starfall.com" target="_top">
Run Code Online (Sandbox Code Playgroud)

将打开标签中的链接,无论它必须经过多少个iframe.


小智 5

target = _blank将根据浏览器设置在新标签页或窗口中打开。

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

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


pat*_*ick 5

您还可以通过将以下内容添加到页面标题来实现此目的:

<base target="_blank">
Run Code Online (Sandbox Code Playgroud)

这将使您页面上的所有链接在新选项卡中打开


Joe*_*Pak 5

由于网络发展迅速,有些事情会随着时间而改变。对于安全问题,您可能希望将该rel="noopener"属性与您的target="_blank".

正如Google Dev 文档中所述,其他页面可以使用window.opener property. 您的外部链接现在应该如下所示:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
Run Code Online (Sandbox Code Playgroud)