As a page, can I tell if I've been loaded into an iframe using javascript?

Question

I'm loading a page into an iframe. Both pages are on the same domain. I want the page being loaded to do specific js functionality only if it has been loaded into an iframe. Is this possible?

Bonus: can it be done in jQuery?

Thanks

possible duplicate of [How to identify if a webpage is being loaded inside an iframe or directly into the browser window?](http://stackoverflow.com/questions/326069/how-to-identify-if-a-webpage-is-being-loaded-inside-an-iframe-or-directly-into-t) — Sjoerd, Feb 13 '12 at 15:51

score 22 · Accepted Answer · answered Feb 13 '12 at 15:54

22

or just:

var isEmbed = window != window.parent;

answered Feb 13 '12 at 15:54

Kevin

1,147
11
21

score 9 · Answer 2 · answered Feb 13 '12 at 15:55

9

Probably the simplest method:

if ( self !== top ) {
    // you're in an iframe
}

So, you check if the current window is the topmost window...

answered Feb 13 '12 at 15:55

Šime Vidas

182,163
62
281
385

Ivan Kolodyazhny · Answer 3 · 2012-02-13T15:59:14.897

-2

You could use iframe's onload event:

<html>
<head>
<script type="text/javascript">
function load()
{
alert("Iframe is loaded");
}
</script>
</head>

<iframe onload="load()" src="/page.html">
</iframe>    
</html>

edited Feb 13 '12 at 15:59

answered Feb 13 '12 at 15:51

Ivan Kolodyazhny

574
2
8

unclear answer ? where should he put the code ? btw your code isn formatted in anyway. – mas-designs Feb 13 '12 at 15:53

As a page, can I tell if I've been loaded into an iframe using javascript?

3 Answers3