在HTML中如何在同一标签页中打开链接

25

当单击某个单词时,我想使用HTML在同一选项卡中打开链接。然而,即使我尝试使用 target="_self" 或不使用任何目标,它仅适用于 target="_blank",但您可能知道,这会在另一个选项卡中打开链接。

代码:

    <!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
  min-width:360px;
}
a{
   color:#009900;
   text-decoration:none;
}
a:hover
{
  text-decoration:underline;
}
p
{
  font:0.8em sans-serif;
}
h1
{
  font:1.5em sans-serif;
  color:#fff;
  background:#006600;
  padding:5px
}
</style>
</head>

<body>
  <h1>play</h1>
 <p><a href="https://www.youtube.com" target="_blank">YT player</a></p>
</body>
</html>

1
你不能只是留下 target blank 或者移除它吗?我认为这样会在同一个窗口/标签页中打开链接。 - Jelte
如果我把它删除,链接就无法打开,我不知道为什么,但我唯一成功打开链接的方式是下面这个。 - pepito
很可能是因为你的HTML代码有错误,我看到你没有关闭<p>标签。那很可能就是原因了。 - Jelte
4个回答

44

<a target="_self" href="https://www.youtube.com" >YT player</a>

使用_self
<a target="_self" href="https://www.youtube.com" >YT player</a>

4
在同一标签页中打开链接
<a target="_self" href="https://www.youtube.com" >YT player</a>

每次点击链接都会添加一个新的标签页,并在其中打开链接。
<a target="_blank" href="https://www.youtube.com" >YT player</a>

创建一个新标签页,仅限一次,并在该已创建的“同一新标签页”中打开链接(而不是每次都创建新标签页)。
<a target="_new" href="https://www.youtube.com" >YT player</a>

只创建一个新标签页,并在该新标签页中打开链接(不会每次都创建一个新标签页,而是在由给定ID创建的特定标签页中打开链接。您可以使用不同的ID创建多个标签页。)

<a target="myYTPlayerTab" href="https://www.youtube.com" >YT player</a>

如果链接的目标属性与同一页上的一个iframe的名称匹配,那么该链接将在该iframe中打开。
<a target="myYTPlayerIframe" href="https://www.youtube.com" >YT player</a>
<iframe src="demo_iframe.htm" name="myYTPlayerIframe" height="300px" width="100%" title="Iframe Example"></iframe>

如果用户在子框架中,它会在父级框架中打开链接。
<a target="_parent" href="https://www.youtube.com" >YT player</a>

如果用户在一个框架中又有一个框架,它会在顶部的框架中打开链接。
<a target="_top" href="https://www.youtube.com" >YT player</a>

-1
我相信你现在可能已经明白了(一年后),但是你的代码:

<a target="_self" href="https://www.youtube.com" >YT player</a>

写得有点奇怪。试试这个:

<a href="https://www.youtube.com" target="_self">YT player</a>


13
不,属性的顺序和属性周围的额外空格没有影响。 - Mike

-1
这对我有效:
<p><a href="https://www.youtube.com">YT-Player</a></p>

我已经尝试过了,但该链接在我的情况下无法打开,点击时什么都不会发生。 - pepito
这对你有用,因为在你的情况下,浏览器确定了操作。如果你没有指定任何内容,那么它将按默认方式进行,或者浏览器确定的默认方式进行。 - EndLoop

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接