How to refresh 2 iframes with one link/button using html/js

问题

I'm new here and like to know how to refresh 2 different iframes on one page.

I found something on google using getElemenById. But it has to work in firefox and firefox has some problems with Id's.

thanks in advance.

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

回答1:

What does your form have to do with iframes?

Do you mean this? Load the managecartform into one frame and reload the other?

<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>

回答2:

firefox doesn't have problems with ids -- 99% of the time it's because you've either got a missing id or you've duplicated an id.

ids must be unique throughout the entire document.

to answer your question though:

<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>

(For IE, you might have to use contentWindow instead of contentDocument depending on the version of IE you're trying to support)

来源：https://stackoverflow.com/questions/5212312/how-to-refresh-2-iframes-with-one-link-button-using-html-js

标签

javascript

html

iframe

refresh