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没有ids的问题 - 99％的时间是因为你有一个丢失的id或你复制了id。

ID在整个文档中必须是唯一的。

回答你的问题：

<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，您可能必须使用contentWindow而不是contentDocument，具体取决于您尝试支持的IE版本）

如何使用html / js使用一个链接/按钮刷新2个iframe

2 个答案: