a标签中的自定义target

发表于 更新于 本文字数： 539 阅读时长 ≈ 1 分钟

技术周会上了解到a标签的自定义target属性，这里记录下。

https://static.1991421.cn/2024/2024-10-25-114926.jpeg

MDN规范

HTML target

Where to display the linked URL, as the name for a browsing context (a tab, window, or <iframe>). The following keywords have special meanings for where to load the URL: _self,_blank,_parent,_top。

按照规范所说，上述几个字面值只是特殊意义，即我们是可以自定义名称的。

自定义名称

举个例子，当点击如下链接

  1. 首次会打开新TAB窗口，效果与_blank相同。
  2. 再次点击并不会打开新TAB，而是切换到原打开TAB，且页面会自动刷新。
1
<a href="https://x.com/alanhe421" target="myTarget">My Twitter</a>

由此也就知道了自定义target的意义，即可以自定义打开的TAB窗口，且可以切换到原打开TAB窗口。

写在最后

了解了自定义target的意义，那么就可以根据实际需求来使用，比如想控制不再重新打开TAB，那么可以自定义target名称。