a标签target属性仔细审题

最新推荐文章于 2025-03-26 07:30:00 发布

转载最新推荐文章于 2025-03-26 07:30:00 发布 · 285 阅读

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000017434570

本文深入解析HTML中a标签的target属性，阐述其如何控制链接在不同浏览器上下文（如tab、window或iframe）中的加载方式。包括_self、_blank、_parent、_top等关键词的特殊含义及使用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们来看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 <iframe>. The following keywords have special meanings:
- _self: Load the URL into the same browsing context as the current one. This is the default behavior.
- _blank: Load the URL into a new browsing context. This is usually a tab, but users can configure browsers to use new windows instead.
- _parent: Load the URL into the parent browsing context of the current one. If there is no parent, this behaves the same way as _self.
- _top: Load the URL into the top-level browsing context (that is, the "highest" browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this behaves the same way as _self.

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

白话描述一下，

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

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

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

指定windowname

<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