javascript - 刷新(不是重新加载)iFrame

Question

我正在尝试弄清楚如何刷新页面上 iFrame 的内容。我在旧帖子中进行了大量的谷歌搜索和搜索，但提供的所有解决方案都是将 iFrame 重新加载到初始 src URL，而不是事件 URL。

例如，我有一个 iFrame，其中包含嵌入到我的主网站中的 Freshdesk 客户端门户。如果我单击 iFrame 中的几个不同页面，那么我希望能够拦截页面刷新并简单地将 iFrame 刷新到事件页面。

当前行为:Freshdesk 首页 --> 知识库 --> 新工单 --> 刷新 --> 返回首页

期望的行为:Freshdesk 主页 --> 知识库 --> 新工单 --> 刷新 --> 返回新工单屏幕(触发刷新之前在 iFrame 中访问的最后一个页面)

刷新不必由 f5 刷新触发，我可以在页面上使用内联按钮，但它需要将 iFrame 重新加载到上次访问的同一页面，而不是原始的 src URL。我尝试了以下代码，但每次都会刷新到我的 Freshdesk 主页:

document.getElementById('iframeid').src = document.getElementById('iframeid').src

和

document.getElementById('some_frame_id').contentWindow.location.reload();

那么，如何在不重新启动回到原始 src URL 的情况下刷新我的 iFrame？

Answer 1

您可以使用onbeforeunload事件https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload检测页面将要关闭或刷新。

因此，您可以比较 iframe 的事件 src 和原始 src，以了解用户是否导航到 iframe 内的某个页面。

然后选择您最喜欢的消息传递系统，以确保门户在再次加载后有办法知道 src:url 参数、本地存储、cookie、其他...