CODEWITHSUNDEEP
javascriptiframerefresh
user370306
user370306

Reputation:

Refresh an iframe

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.

Upvotes: 6

Views: 12795

Answers (4)

skywalker
skywalker

Reputation: 826

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

Upvotes: 0

Koen Rijpstra
Koen Rijpstra

Reputation: 354

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;

Upvotes: 4

Pekka
Pekka

Reputation: 449385

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());

Upvotes: 10

ankitjaininfo
ankitjaininfo

Reputation: 12362

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

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

Upvotes: 0

Related Questions