从缓存中重新加载iframe

Question

我一直在使用document.getElementById(iframeName).src += ''; 重新加载我的iframe，作为从父页面触发的另一个函数的一部分。 我需要重新加载iframe页面的唯一原因是我需要重新运行该页面上的javascript，因此，我宁愿从缓存中重新加载iframe，而不是从服务器上重新下载。 我不知道如何使iframe从缓存中重新加载。

另外，如果可能的话，我宁愿不必在函数中重新输入iframe src，因为我在多个iframe上使用了相同的函数。

Answer 1

您可以将相同的src重新分配给它自己。 这样就可以了。 见下文：

# frame.html

//your data  
<script> alert("yo!"); </script>

# yourPage.html

<iframe src="frame.html" id="myFrame"></iframe>
<button id="btn">Reload Iframe</button>

# your javascript for yourPage.html

var btn = document.getElementById("btn");
var frame = document.getElementById("myFrame");
var reloadFrame = function () {
    frame.src = frame.src;
}
btn.addEventListener("click", reloadFrame);

这应该够了吧。 每当发生向其src或href属性的重新分配时，浏览器都会重新加载图像，iframe等元素。