iframe内链接默认在父页面打开是因为链接位于父页面而非iframe内部，且target="_self"指向当前文档上下文；应将链接写在iframe加载的html中并确保同源、可访问。
iframe 默认点击链接为什么在父页面打开？
因为 <a></a> 标签默认的 target 是 _self，而这个“self”指的是**当前文档上下文**——如果链接写在父页面里，_self 就是父页面；如果链接写在 iframe 内部的 HTML 里，_self 才是那个 iframe。所以问题本质不是 iframe “不支持跳转”，而是你点的链接不在 iframe 里，或者没指定对的目标。
确保链接在 iframe 内容中且 target 指向自身
最直接有效的做法：把链接写在 iframe 加载的 HTML 文件内部，并显式设 target="_self"（虽然默认就是它，但写出来更明确）：
<a href="page2.html" target="_self">跳转到同个 iframe</a>
注意以下几点：
- 链接的
href必须是相对路径（如"page2.html"）或同源绝对路径（如"/sub/page2.html"），否则可能触发跨域限制，导致空白或错误 - iframe 的
src必须指向一个真实可访问的 HTML 文件，不能是空字符串、"about:blank"或跨域地址（否则无法写入或执行脚本） - 不要给 iframe 设置
name属性后又在父页链接里用target="iframe-name"—— 这会让链接在 iframe 中打开，但**用户点击的是父页的链接**，不符合“在当前 iframe 内跳转”的原始意图
父页面中动态控制 iframe 导航（需同源）
如果必须从父页面触发跳转（比如导航菜单在外部），且 iframe 与父页同源，可以用 JavaScript 直接改 iframe.contentWindow.location：
document.getElementById('myIframe').contentWindow.location.href = 'new-page.html';
但要注意：
- 这行代码必须在 iframe 完全加载完成后执行，否则
contentWindow可能为null；可用iframe.onload监听 - 跨域 iframe 会抛出
DOMException: Blocked a frame with origin ... from accessing a cross-origin frame，此时该方法完全失效 - 避免用
iframe.src = '...'替代，它会重新加载整个 iframe，丢失已有状态（比如表单输入、滚动位置）
常见错误：target="_parent" 和 target="_top" 的陷阱
这两个值经常被误用：
-
target="_parent"：跳转到 iframe 的直接父框架（可能是另一个 iframe，不一定是顶层窗口） -
target="_top"：强制在顶层窗口（window.top）跳转，相当于“冲出 iframe”，和需求完全相反 - 如果 iframe 嵌套多层，
target="_self"始终只作用于**它所在的那一层 iframe 文档**，这是唯一可靠的选择
真正容易被忽略的是：iframe 的初始 src 如果是 javascript:void(0) 或空字符串，里面没有可执行的文档上下文，那么无论怎么设 target 都不会跳转——得先让它加载一个合法的 HTML 页面。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
