Redirect parent window from an iframe action

344
votes

What JavaScript do I need to use to redirect a parent window from an iframe?

I want them to click a hyperlink which, using JavaScript or any other method, would redirect the parent window to a new URL.

14
javascriptiframedhtml
The parent window, in itself, could be an IFrame, too. Since the accepted answer addresses the top window, I suggest you change your question a bit. – Ron Klein

14 Answers

575
votes
window.top.location.href = "http://www.example.com";

Will redirect the top most parent Iframe.

window.parent.location.href = "http://www.example.com";

Will redirect the parent iframe.

133
votes

I found that <a href="..." target="_top">link</a> works too

56
votes
window.top.location.href = "http://example.com";

window.top refers to the window object of the page at the top of the frames hierarchy.

14
votes

or an alternative is the following (using document object)

parent.document.location.href = "http://example.com";
14
votes

target="_parent" worked great for me. easy and hassle free!

9
votes

@MIP is right, but with newer versions of Safari, you will need to add sandbox attribute(HTML5) to give redirect access to the iFrame. There are a few specific values that can be added with a space between them.

Reference(you will need to scroll): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

Ex:

<iframe sandbox="allow-top-navigation" src="http://google.com/"></iframe>
3
votes

This will solve the misery.

<script>parent.location='http://google.com';</script>
3
votes

If you'd like to redirect to another domain without the user having to do anything you can use a link with the property:

target="_parent"

as said previously, and then use:

document.getElementById('link').click();

to have it automatically redirect.

Example:

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<a id="link" target="_parent" href="outsideDomain.html"></a>

<script type="text/javascript">
    document.getElementById('link').click();
</script>

</body>

</html>

Note: The javascript click() command must come after you declare the link.

1
votes

It is possible to redirect from an iframe, but not to get information from the parent.

1
votes

For current page - window.location.href = "Your url here";

For Parent page - window.top.location.href = "Your url here";

From HTML

<a href="http://someurl" target="_top">link</a>
0
votes

Try using

window.parent.window.location.href = 'http://google.com'
0
votes
window.top.location.href = 'index.html';

This will redirect the main window to the index page. Thanks

-3
votes

We have to use window.top.location.href to redirect parent window from an iframe action.

Demo url :

-8
votes

Redirect iframe in parent window by iframe in the same parent:

window.parent.document.getElementById("content").src = "content.aspx?id=12";