a标签target属性仔细审题

发表于 更新于 分类于
对html标签进行探索

我们来看msdn对于a标签target的描述

  • Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or

翻译一下，就是该属性可以指定在什么地方展示我们的链接页面。该属性值可以是浏览器上下文比如说 tab window或者 iframe的名字，或者关键词.下面有几个关键字具有特殊含义

  • _self: 在本上下文下直接加载链接, a标签的默认行为
  • _blank: 在一个新的浏览器上下文中打开链接，基本上是个新tab
  • _parent: 该上下文的父上下文中加载链接，如果该上下文不是iframe，行为跟_self一致
  • _top: 该上下文的顶部上下文中加载链接，如果该上下文不是iframe，行为跟_self一致

白话描述一下，

target的值你可以指定iframename 或者windowname, 一个随意的值，或者那四个特殊关键字

指定name将在 iframe中加载，
示例：

1
2
<a href="https://www.baidu.com" target="iframename">iframename</a>
<iframe name="iframename"></iframe>

指定windowname

1
2
3
4
<a href="https://www.baidu.com" target="windowname">windowname</a>
<script>
window.open('', 'windowname', '_blank');
</script>

指定随意一个关键字操作类似指定windowname
新开一个tab页，并在里面直接加载新链接

_self的情况下，就是在当前tab直接打开

_blank是无论如何新开一个tab

_parent是有父框架，比如iframe上层,直接刷新iframe宿主页面

_top是当有祖先框架的时候，情况就是 tab页里有iframe套iframe的情况，子孙iframe的 a标签设置了_top,祖先tab页被加载新url

“我，鸡哥，打钱!”