How to redirect parent window from an <i frame> using Javascript?

Question

What the title says. How can it be done? I want them to click a hyperlink which, using javascript or any other methods, would redirect the parent window to a new url.

Answer 1

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

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

Answer 2

or an alternative is the following (using document object)

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

Answer 3

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

Answer 4

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

As stated previously, will redirect the parent iframe. One thing to bare in mind is that both the website, and the site contained in the iframe need to be in the same domain for this to work, or you'll get an access denied exception.

So, if the site is 'www.site.com', and the iframe is 'iframe.site.com', in both pages you'll need to put:

document.domain = "site.com"