How to open link from iframe using javascript

Question

I have this:

<td onclick="window.location='http://www.google.com/';"> </td>

The problem is that I have this inside an iframe, so onclick it opens in the iframe. How do I open this link on the parent page instead of the iframe?

(Is there a way to do this with one js script for all the links on the page?)

Darin Dimitrov · Accepted Answer · 2011-08-28 16:33:15Z

4

window.parent.location.href='http://www.google.com/';

and if you want to reload the top most window:

window.top.location.href='http://www.google.com/';

answered Aug 28, 2011 at 16:33

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

2 Comments

Youss Over a year ago

Is there a difference in 'speed' between 'top' and 'parent' ?

Darin Dimitrov Over a year ago

@Youss, I don't think there will be any difference in speed. There is a difference in the behavior though.

ntangjee · Accepted Answer · 2011-08-28 16:51:47Z

1

one way to do this with on js script for all the links on the page is to add onClick event on the links when the page is loaded. here is a quick code. put this code in a file and put it in an iframe.

<html>
<script>
function openInParent() {
  window.parent.location = this.href;
  return false;
}

function doload () {
  // loop through all links in the page to add onclick event
  var links = document.getElementsByTagName ('a');
  for(i in links) {
    links[i].onclick = openInParent;
  }
}

window.onload = doload;
</script>
<body>
<a href="http://www.google.com">test</a>
</body>
</html>

answered Aug 28, 2011 at 16:51

ntangjee

3011 silver badge2 bronze badges

Collectives™ on Stack Overflow

How to open link from iframe using javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related