Refresh an iframe

Question

How to refresh an iframe? For example:

<iframe src="http://google.com"></iframe>

I click on "Videos" in this iframe ,then click on a button to refresh the iframe and I want when the iframe is refreshed ,to be on that "Videos" page.

Answer 1

You can't refresh the inner document in there due to the single origin policy.

Have you tried changing the iframe's src property and adding a random GET string to force a reload?

This should work:

<iframe id="myiframe" src="http://google.com"></iframe>

document.getElementById("myiframe").src = "http://www.google.com?"+(+new Date());

Answer 2

You can only reload the current iframe href if it's for the same domain (single origin policy) with following code:

<iframe id="myIframe" src="http://yourdomain.com"></iframe>

document.getElementById('myIframe').contentWindow.location.reload(true);

or get the current href

var currentHref = document.getElementById('myIframe').contentWindow.location.href;

Answer 3

I think just by updating the hre/src will work. So on button click do as follows:

window.frames.iframeName.location.href = "new url"

Answer 4

My solution was to remove previous iframe and append new iframe with new src.