最可靠方式是直接修改iframe的src属性，通过document.getelementbyid()获取元素并添加时间戳防缓存；禁用contentwindow.location.reload()以防跨域错误；子页可通过parent调用父页暴露的方法刷新自身iframe。
直接改 src 属性是最可靠、兼容性最好的方式，别碰 contentWindow.location.reload() —— 它在多数现代浏览器里会触发跨域错误或静默失败。
父页面用 JavaScript 刷新指定 iframe
核心就是重新赋值 src，哪怕值看起来没变，浏览器也会触发一次完整加载（包括重新发起请求、忽略缓存）。
- 必须通过
document.getElementById()或document.querySelector()拿到 iframe 元素，window.frames['name']在跨域或命名不规范时不可靠 - 推荐加时间戳防缓存：
iframeEl.src = iframeEl.src + (iframeEl.src.includes('?') ? '&' : '?') + 't=' + Date.now() - 如果 src 是相对路径（如
"./dashboard.html"），重赋值后仍会按当前父页 URL 解析，无需转绝对路径 - 不要用
iframeEl.contentWindow.location.reload()：子页同域时可能工作，但一旦跨域就抛DOMException: Blocked a frame from accessing a cross-origin frame
子页面主动刷新自己所在的 iframe
子页不能直接“刷新自己”，但可以操作父页中承载它的那个 iframe 元素。前提是同源（或已配置跨域通信）。
- 获取父页 iframe 元素：
const iframe = parent.document.getElementById('main')（ID 必须匹配） - 刷新它：
iframe.src = iframe.src或带时间戳的写法（同上） - 如果父页用了 Vue/React 等框架，避免直接改 DOM；应在父页挂载时暴露方法到
window，例如：window.refreshIframe = () => { document.getElementById('main').src += '?t=' + Date.now() }，子页调用parent.refreshIframe() - 注意：子页里用
window.parent.location.reload()是刷新整个父页面，不是只刷 iframe
刷新后保持子页当前 URL（防 F5 退回首页）
用户按 F5，父页重载 → iframe 回退到初始 src，这不是 bug，是默认行为。要留住状态，得靠子页自己记、自己跳。
- 子页在卸载前存当前地址：
window.addEventListener('beforeunload', () => localStorage.setItem('iframe_last_url', window.location.href)) - 子页首次加载时检查：
if (localStorage.getItem('iframe_last_url') && localStorage.getItem('iframe_last_url') !== window.location.href) { window.location.replace(localStorage.getItem('iframe_last_url')) } - 跨域子页无法读取
window.location.href（会被浏览器屏蔽为"about:blank"），此时只能由父页通过postMessage主动传当前 URL，或服务端渲染时注入 - localStorage 存的是完整 URL，包含协议和域名，确保父页 iframe 的
src域名与子页一致，否则跳转会失败
真正容易被忽略的是：iframe 的 name 和链接的 target 必须字符串完全相等——大小写、空格、引号一个都不能错；还有，所有刷新逻辑都依赖同源策略，跨域时必须用 postMessage 配合父页监听，硬刷 src 会失败但不报错，只会卡住。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
