Redirecting Parent Window from an iFrame

In the presence of an iFrame embedded within a parent window, the need may arise to redirect the parent window's location to a new URL. To achieve this, JavaScript offers a simple solution.

Using JavaScript to Redirect the Parent Window

Within the JavaScript code of your iFrame, you can utilize the following methods:

• Redirect Top-Most Parent IFrame:

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

• Redirect Parent IFrame:

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

These code snippets will instruct the respective parent iFrame (top-most or immediate) to redirect to the specified URL.

Example HTML for IFrame with Hyperlink

<iframe src="iframe.html"></iframe>

<a href="#" onclick="window.parent.location.href = 'http://www.example.com'">Click Here to Redirect Parent IFrame</a>

By clicking the hyperlink within the iFrame, the parent window will be redirected to the specified URL.