type
status
date
slug
summary
tags
category
icon
password
📌 HTML 中 a
标签的跳转行为总结
1. 默认行为
- 点击时浏览器默认跳转。
- 属于当前页面跳转。
2. target="_blank"
:打开新窗口
- 在新窗口或新标签页中打开链接。
- 不需要 JS 控制,纯 HTML 实现。
📌 阻止默认行为 + 自定义跳转(JavaScript)
3. 用 JS 控制跳转(当前页面)
- 即便设置了
target="_blank"
,如果你使用window.location
,仍然会在当前页跳转。
- JS 接管了跳转逻辑。
4. 用 JS 打开新窗口
- 模拟
target="_blank"
行为。
- 比较灵活,可以控制窗口参数、条件判断等。
🧠 总结小条
用法方式 | 是否新窗口 | 是否 JS 接管 |
<a href > | ❌ | ❌ |
<a href target="_blank"> | ✅ | ❌ |
<a href> + JS + location | ❌ | ✅ |
<a href> + JS + open | ✅ | ✅ |