超链接目标中的_top做什么?

时间:2013-04-26 07:28:17

标签: html5

我有时会在锚标记中看到target="_top"。它做了什么?

<a href="http://foobar.com" target="_top">Foobar</a>

6 个答案:

答案 0 :(得分:30)

如果链接位于iframe,新的网页将不会加载到iframe中,而是浏览器会在窗口中打开该页面

答案 1 :(得分:23)

  

目标=:

_top:在窗口的正文中打开链接文档

_blank:在新窗口或标签页中打开链接的文档

_self:在单击的框架中打开链接文档(这是默认设置)

_parent:打开父框架中的链接文档

framename:在命名框架中打开链接文档

http://www.w3schools.com/tags/att_a_target.asp

答案 2 :(得分:14)

这是browsing context名称。

  

有效的浏览上下文名称或关键字是任何字符串   有效的浏览上下文名称或ASCII不区分大小写   匹配以下之一:_blank,_self,_parent或_top。

查看矩阵here,它描述了target属性在不同场景中的行为。

实际效果是_top引用了最顶层的窗口(技术上the top level browsing context)。

<a href="http://foo.com" target="_top">a link</a>告诉浏览器导航到“foo.com”不是在自己的框架中,而是在最顶层的框架中。如果当前帧 是最顶层的帧,则URL将在同一窗口中打开。

另请参阅:Browsing Contexts(如果您有兴趣进行深度阅读)。

答案 3 :(得分:4)

target="_top"将打开所有已定义框架集顶层的链接。

答案 4 :(得分:1)

as @hamon said

将_top与jQuery一起使用的示例

如果您的网站包含在框架集中

$(document).ready(function() {
    if(top.location != location) {
        $('a, form').each(function() {
            if(!this.target) {
                this.target = '_top';
            }
        });
    }
});

所以..您网站中的所有链接都会在新窗口中打开 而不在框架中 (Credit)

答案 5 :(得分:0)

target="_top"属性使超链接的“目标”显示在所有当前定义的框架集的顶层。它在窗口的整个主体中打开链接文档

来自:http://www.w3schools.com/tags/att_a_target.asp