base的target属性在现代浏览器中基本不生效，仅对极少数相对路径链接和表单有理论作用，且易被覆盖、绕过或静默失效；绝对url、js导航、iframe嵌套等场景均不受影响，替代方案应优先使用显式target属性或js控制。
base 的 target 属性在现代浏览器中**基本不生效**，不是写法问题，而是标准被普遍忽略——它只对极少数相对路径链接和表单有理论作用，且极易被覆盖、绕过或静默失效。
为什么base target经常“看起来没用”
这不是你代码写错了，是浏览器实际行为与 HTML 规范存在脱节：
-
<a href="about.html"></a>（相对路径）可能受<base target="_blank">影响，但<a href="https://example.com"></a>（绝对 URL）完全无视它 -
window.location.href = "xxx"、history.pushState()、<router-link></router-link>等 JS 导航方式彻底绕过base - Chrome/Firefox/Safari 最新版实测中，
base target对绝大多数<a></a>标签无任何自动注入或跳转干预 - 即使生效，也不会给链接自动加
rel="noopener"，留下安全漏洞
base target 在 iframe 嵌套中根本不能实现顶层跳转
想让链接跳出所有 iframe？<base target="_top"> 不起作用：
- 它只影响点击后“响应内容加载到哪里”，不是导航指令；不会主动触发跳转
- 真正生效的只有显式写在标签上的
target="_top"，且需满足：target="_top"（全小写+引号）、外层<iframe></iframe>含allow-top-navigation、目标页未设X-Frame-Options: DENY - 若页面本身没被嵌套，
target="_top"会退化为_self，不报错也不警告 - 用
base设target="_top"后，再写<a target="myframe"></a>，反而会让该链接优先匹配命名 frame，彻底绕过_top意图
替代方案比base target更可控、更安全
真要统一控制跳转行为，别碰 base target：
- 对外链批量处理：用
document.querySelectorAll('a[href^="http"]:not([target])')加target="_blank"和rel="noopener noreferrer" - 对内链强制当前页：显式写
target="_self"或直接删掉target属性（默认就是_self） - 在 CMS 或 SSR 场景下，服务端渲染时根据上下文（是否移动端、是否 iframe 内）动态输出
target和rel - 遇到 sandbox 严格限制或微前端沙箱（如 qiankun），
window.top.location.href = url是唯一可靠兜底，但必须由用户操作直接触发
最常被忽略的一点：base target 不是“省事开关”，它是“隐性干扰源”——它不报错、不警告、不兼容、不一致，却会在上线后让备案链接、表单提交、第三方组件跳转全部意外弹窗。精细控制，必须靠显式属性或 JS。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
