超链接目标中的 _top 有什么作用？答案

【问题标题】：What does _top in the hyperlink target do?超链接目标中的 _top 有什么作用？
【发布时间】：2013-04-20 07:18:19
【问题描述】：

我有时会在锚标记中看到target="_top"。它有什么作用？

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

【问题讨论】：

标签： html

【解决方案1】：

如果链接在iframe 中，新网页将不会在iframe 中加载，而是浏览器会在窗口本身中打开页面

【讨论】：

花絮：作为一项安全措施，浏览器不会让来自不同域的 iframe 更改 _top 位置。取而代之的是一个新标签页（或根本没有）。

【解决方案2】：

作为@hamon said

在 jQuery 中使用 _top 的示例

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

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

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

【讨论】：

【解决方案3】：

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

发件人：http://www.w3schools.com/tags/att_a_target.asp

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

这是一个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（如果您有兴趣深入阅读）。

【讨论】：

【解决方案6】：

目标=：

_top：在整个窗口中打开链接的文档

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

_self：在点击的同一框架中打开链接文档（这是默认设置）

_parent：在父框架中打开链接文档

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

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

【讨论】：