Redirect parent window from an iframe action

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.

Answers:

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

As stated previously, will redirect the parent iframe.

Answer

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

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

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

Answer

or an alternative is the following (using document object)

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

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

Answer

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

This will solve the misery.

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

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.

Answer

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

Answer

Try using

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

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

Answer

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

Demo url :

Answer

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

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

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.