javascript - 刷新父页面没有 iframe 返回 'Default"页面

Question

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

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

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

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

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

希望有人能提出可行的建议。

预先感谢您的所有建议。

Answer 1

嗨!

你完全可以做到!

您可以使用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");
}

请告诉我它是否对您有用!