從緩存中重新加載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); 

這應該有所斬獲。瀏覽器重新加載圖片，iframe等元素，無論何時重新分配給他們的src或href屬性。