直接修改 iframe 的 src 属性是最稳定、兼容性最好的刷新方式，需避免缓存干扰并确保 DOM 就绪；针对 file:// 协议需添加时间戳参数；同源页面可用 contentWindow.location.reload(true)；跨域或带 hash 场景推荐“两步置空法”；交互场景建议绑定 id 并结合 onload 监听。
直接修改 iframe 的 src 属性是最稳定、兼容性最好的方式，无需跨域权限，也不依赖 iframe 内容是否可交互。关键在于避免缓存干扰，并确保 DOM 已就绪。
精准定位并刷新本地文本文件（file:// 协议）
适用于本地监控页加载 .txt、.log 等纯文本文件的场景。浏览器对 file:// 协议缓存敏感，仅设 iframe.src = iframe.src 通常无效。
- 用
document.querySelectorAll('iframe[src^="file:///"]')精准筛选目标 iframe，避免误操作其他 iframe - 每次刷新前，用
new URL(iframe.src)解析地址，再通过url.searchParams.set('t', Date.now())添加时间戳参数 - 重新赋值
iframe.src = url.toString()，触发真实请求而非读取缓存 - 建议搭配
DOMContentLoaded监听或放在</body>前，防止元素未加载导致获取失败
定时自动刷新（非跨域页面）
当 iframe 加载的是同源 HTML 页面（如 ./report.html 或 http://localhost:3000/dashboard），可用更轻量的方式：
- 获取 iframe 的
contentWindow：const win = iframe.contentWindow - 调用
win.location.reload(true)强制从服务器重新加载（true表示跳过缓存） - 用
setInterval包裹该逻辑，例如每 10 秒执行一次 - 注意：此方法在跨域 iframe 中会因安全策略抛错，不可用于加载外部网站
绕过缓存强制重载（含 hash 或跨域兼容方案）
某些情况（如 URL 含 #section、或需兼顾 Chrome/Firefox 对 file:// 的差异）下，简单改 src 可能不生效。此时可采用“两步置空法”：
立即学习“Java免费学习笔记（深入）”；
- 先将
iframe.src设为'about:blank'，清空当前内容 - 用
setTimeout延迟约 300ms，让 iframe 完全卸载 - 再恢复原始 URL（同样建议加时间戳防缓存）
- 该方式对带 hash 的地址、Chrome 严格缓存策略均有效，且不依赖 contentWindow 访问权限
按需手动触发刷新（带状态控制）
适合用户点击按钮或提交表单后更新 iframe 内容的交互场景：
- 给 iframe 设置固定
id（如id="dataView"），便于 JS 精确操作 - 按钮点击时，可先更新 src（如拼接新查询参数），再立即执行
iframe.src = iframe.src触发加载 - 若需等待加载完成，可监听
iframe.onload事件，但注意它不捕获网络错误 - 避免在循环中高频调用；如需轮播多个地址，用数组 +
shift()/push()管理 URL 队列
