iframe内的仅作用于自身文档，不影响父页面；其target属性只在初始html解析时生效，对js导航、资源加载及跨域场景无效，需显式设置或用js补救。
iframe 里的 <base> 只管自己，不管父页面
你在父页面写 <base target="_blank">，对 iframe 里任何链接都无效。iframe 是独立文档上下文，它的 <base> 必须出现在它自己返回的 HTML 的 里，且只在初始解析时生效。
常见翻车点：
- 父页写了
<base href="/cdn/">，以为 iframe 里的<img src="logo.png">也会走 CDN —— 不会，除非 iframe 自己也声明了<base> - 用 JS 动态往 iframe 的
document.head插入<base>—— 已加载的资源不重算，只影响后续新创建的元素 - 服务端返回的 iframe 内容是纯 HTML 片段（比如没
），或被压缩成一行丢掉了<base>—— 浏览器直接忽略
<base target="_top"> 在 iframe 里根本不会跳出顶层
<base target="_top"> 不是导航指令，它只改“响应加载位置”：用户点击一个没写 target 的 <a></a>，目标页面才会被加载进顶层窗口。但它对以下情况完全无效：
-
window.location.href = "xxx"这类 JS 导航 -
<iframe src="xxx"></iframe>的 src 切换 - 图片、脚本、CSS 等资源加载
- 目标页返回
X-Frame-Options: DENY或Content-Security-Policy: frame-ancestors 'none'—— 浏览器静默拦截，控制台只报Refused to display 'xxx' in a frame
真正想跳出所有嵌套，必须在具体链接上显式写 target="_top"，且外层 iframe 的 sandbox 属性得包含 allow-top-navigation。
为什么 <base target="_blank"> 在 iframe 里经常“点不动”
不是失效，是被浏览器策略降级了。尤其当 iframe 跨域时，<base target="_blank"> 生成的新窗口缺少 rel="noopener noreferrer"，Chrome/Firefox 会主动拦截或退化为 _self，现象是点击后 URL 栏没变、新开页白屏、或跳到 about:blank。
更可控的做法：
- 不用
<base>，改用 JS 绑定事件：document.querySelectorAll('a:not([target])').forEach(a => a.target = '_blank') - 对跨域 iframe，优先用
postMessage通知父页跳转，绕过 sandbox 限制 - 确保所有
target="_blank"链接都手动加上rel="noopener"，否则现代浏览器默认阻断
CSS 和 JS 加载路径不受 iframe 里 <base> 影响
哪怕 iframe 的 HTML 里写了 <base href="https://cdn.example.com/v2/">，这些照样不走 base：
- CSS 文件里的
@import "reset.css"—— 按 CSS 文件自身路径解析 - JS 中的
import('./utils.js')或fetch('./api/data.json')—— 按 JS 执行时的document.baseURI或模块路径解析，不是 iframe 的<base> -
<img srcset="logo-2x.png 2x">——srcset明确被规范排除在<base>作用范围外
这点最容易被忽略：你看到 Network 面板里 logo.png 请求的是 /v2/logo.png，就以为所有路径都被接管了，其实只是 HTML 解析阶段的几个特定属性被改写，其余全是各自按规则走。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
