用 target="_top" 可使链接跳出所有 iframe 嵌套，强制在顶层窗口打开；JS 跳转需用 window.top.location.href（同源）或 postMessage（跨域）；Modal 需挂载到 window.top.document.body 才能全屏覆盖；iframe 全屏需动态设置 window.frameElement 样式。
iframe里点链接要跳出所有嵌套，用 target="_top"
如果子页面里有个链接，点击后只想在完整浏览器窗口打开（而不是卡在某层 iframe 里），直接给 <a> 加 target="_top" 就行。它会强制跳转到 window.top 上下文，无视中间有多少层 iframe。
常见错误：target=_top 不加引号，HTML5 下部分浏览器直接忽略；或者误用 target="_parent"，结果只跳出一层，还在别人家的 iframe 里。
-
target="_top"和当前是否跨域无关，纯 HTML 行为，IE8+ 都支持 - 若外层页面设置了
sandbox且没配allow-top-navigation，_top会被静默拦截，控制台可能无提示 - 服务端返回的响应头含
X-Frame-Options: DENY或Content-Security-Policy: frame-ancestors 'none'时，整个 iframe 都加载不了，更别说跳转了
iframe内 JS 跳转要升到顶层，必须调 window.top.location.href
target 属性只对 <a>、<form> 这类可交互标签生效；JS 里写 window.location.href = url 默认只刷新当前 iframe，不是整页跳转。
正确做法是显式访问顶层对象：
立即学习“前端免费学习笔记（深入）”；
- 同源时：直接
window.top.location.href = 'https://example.com' - 跨域时：
window.top的 location 是只读的，会报DOMException；此时只能退而求其次，用window.parent.location.href尝试跳到父级，或提前约定好 postMessage 通知父页跳转 - 别用
window.open(url, '_top')—— 浏览器会当成弹窗拦截，尤其在非用户手势触发时（比如 setTimeout 里调）
子页面 modal / div 要盖住整个页面，得挂到 window.top.document.body
默认情况下，子页面创建的 div 或 UI 库的 Modal（如 Ant Design、Element Plus）都挂在 document.body，也就是 iframe 自己的 body 内。它的尺寸、定位、z-index 全被限制在 iframe 框架内，再设 z-index: 999999 也没用。
解法是把容器手动指定到顶层 body：
- Ant Design：
getContainer={() => window.top.document.body} - 原生 JS：
const el = document.createElement('div'); window.top.document.body.appendChild(el); - 必须确保
window.top.document.body存在且可写 —— 如果父页还没加载完或被 sandbox 限制，会报错 - 挂载后记得清理：modal 关闭时移除 DOM 节点，否则重复打开会残留多个
iframe 本身要全屏覆盖视口，得动态改 window.frameElement 样式
有些场景（比如支付弹窗 widget）要求 iframe 整体“撑满屏幕”，让里面的内容能真正用上 100vh、100vw。这时候不能只靠子页面写 CSS，因为 iframe 的渲染区域由外层容器决定。
子页面 JS 可以操作自己的 window.frameElement（即父页中那个 <iframe> 元素）：
- 先检查
window.frameElement是否存在，不存在说明没被嵌入 iframe，不用处理 - 保存原始
style，避免关闭时恢复出错 - 设
position: absolute+top: 0; left: 0; width: 100vw; height: 100vh; z-index: 2147483647 - 注意：
z-index设太高（比如999999999）可能和父页其他组件冲突，用2147483647（32 位有符号整数上限）更稳妥
这个操作对跨域 iframe 也有效，因为修改的是父页中已存在的元素节点，不涉及跨域读取。
