如何使用html/js刷新帶有一個鏈接/按鈕的2個iframe

Question

我是新來的人，想知道如何在一個頁面上刷新2個不同的iframe。

我在google上使用getElemenById發現了一些東西。但它必須在Firefox中工作，並且Firefox在Id中有一些問題。

在此先感謝。

<form action="managecartform.html" onclick="deleteAllCookies();"><button type="submit" >Empty cart</button></form> 

Answer 1

你的表單與iframe有什麼關係？

你的意思是？將managecartform加載到一個框架中並重新加載另一個框架？

<form action="managecartform.html" target="iframe1" 
onsubmit="deleteAllCookies(); window.frames[0].location.reload(1);"> 
<input type="submit" value="Empty cart"/> 
</form> 
<iframe name="iframe0"></iframe> 
<iframe name="iframe1"></iframe> 

Answer 2

firefox沒有id問題 - 99％的時間是因爲你有一個缺少的id或者你重複了一個id。

ids在整個文檔中必須是唯一的。

到，雖然回答你的問題：

<iframe id="frame1"></iframe> 
<iframe id="frame2"></iframe> 

<input type="button" onclick="refreshFrames()" value="refresh frames" /> 

<script type="text/javascript"> 
    function refreshFrames(){ 
      frame1 = document.getElementById('frame1'); 
      frame2 = document.getElementById('frame2'); 
      if(frame1.contentDocument){ 
       frame1.contentDocument.location.reload(true); 
       frame2.contentDocument.location.reload(true); 
      } else { 
       frame1.contentWindow.location.reload(true); 
       frame2.contentWindow.location.reload(true); 
      } 
    } 
</script> 

（使用IE，你可能需要使用的，而不是contentDocument取決於IE的版本你想支持contentWindow）