Redirect from iFrame using javascript or Jquery

Question

If a website is loaded into an iframe, what code do I need to put on the child page of that iFrame to break out of the iFrame and load that page as the top document or reidrect to that page

Just found the code

<script>
if(window.top !== window.self){
window.top.location.href = "http://www.blah.com"; 
}
</script>

Even better code:

<style> html{display : none ; } </style>
<script>
   if( self == top ) {
       document.documentElement.style.display = 'block' ; 
   } else {
       top.location = self.location ; 
   }
</script>

Code Example below:

<!DOCTYPE html>
<html lang="en">
<head>
blah
</head>
<body>
<iframe src="www.blah.com"></iframe>
</body>
</html>

What JQuery or javascript do I need to put on (in this example) www.blah.com so it breaks out of the iframe and www.blah.com is directly shown to the user?

Tom Chandler · Accepted Answer · 2012-07-04 15:55:02Z

2

What you're looking for is called a Framekiller

Here's the suggested implementation from that article:

<style> html{display : none ; } </style>
<script>
   if( self == top ) {
       document.documentElement.style.display = 'block' ; 
   } else {
       top.location = self.location ; 
   }
</script>

answered Jul 4, 2012 at 15:55

Tom Chandler

6423 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Purpletoucan · Accepted Answer · 2012-07-04 15:51:19Z

2

This should work:-

<script type="text/javascript">
  if (window!=top){top.location.href=location.href;}
</script>

answered Jul 4, 2012 at 15:51

Purpletoucan

6,6223 gold badges25 silver badges29 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:30:01Z

0

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

As mentioned here (with a fuller explanation): Redirect parent window from an iframe action

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Jul 4, 2012 at 15:53

Edd Slipszenko

3963 silver badges17 bronze badges

Comments

user1255409 · Accepted Answer · 2012-07-04 15:55:38Z

0

If you are using a link setting target="_top" attribute probably would do the job.

answered Jul 4, 2012 at 15:55

user1255409

1232 silver badges9 bronze badges

1 Comment

Patriotec Over a year ago

How would that bust out of an iframe? That would require clicking a link on the iframe's child page. Thank you, but that's not what I'm looking for

Collectives™ on Stack Overflow

Redirect from iFrame using javascript or Jquery

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related