刷新没有iframe的父页面返回“默认”页面

Question

我的索引页面上有一个iframe，名称为“mciframe”，ID为“mciframe”。

iframe将作为我网站上所有内容的主要“内容窗口”。

当我的网站访问者点击“索引”页面的浏览器“刷新”按钮时，我希望他们在特定时间内在iframe中查看的任何内容都要刷新，而不是iframe返回“默认”源页面。

我会在这里发布一个示例代码，但我已经进行了尽职调查和研究，并且已经尝试了今天我从这个网站获得的大约40个不同的代码，但到目前为止还没有一个代码。

也许这些例子已经过时或不适用于我的特定问题......我不知道。

希望有人有工作建议。

提前感谢所有建议。

Answer 1

HI！

你完全可以做到！

您可以使用 localstorage 保存当前的iframe页面！

以下是步骤我使用：

1。当用户离开页面时，将当前iframe页面保存到本地存储中。

2. 当您加载页面检查本地存储中是否有已保存的页面时。

3。如果有，请将iframe.src设置为该值。

示例：

var iframe = document.getElementById("yourIframe");

window.onbeforeunload = saveCurrentPage;
iframe.onload = setPageToBeforeUnload;

function saveCurrentPage(){
localStorage.setItem("lastPageInIframe", iframe.src);
}

function setPageToBeforeUnload(){
iframe.src = localStorage.getItem("lastPageInIframe");
}

请告诉我它是否适合您！

Answer 2

您可以在服务器端设置iframe src属性，并使用onbeforeunload在刷新之前向用户发送最后一个网址;

或者您从浏览器端设置'src'，将其保存在cookie并随时更新。