How can I tell if my jQuery code is being run inside an iFrame?

Question

I am having lots of issues on a website because my jQuery is causing errors due to the fact that it is being rendered inside of an iFrame. Is there any way I can tell my jQuery not to load when it is inside of an iFrame?

Seems like dupe of http://stackoverflow.com/questions/326069/how-to-identify-if-a-webpage-is-being-loaded-inside-an-iframe-or-directly-into-t — JoeyJ, Jun 22 '12 at 20:22

score 1 · Answer 1 · answered Jun 22 '12 at 20:23

1

This should work:

window.opener != null

answered Jun 22 '12 at 20:23

jcubic

61,973
54
229
402

score 1 · Answer 2 · answered Jun 22 '12 at 20:29

1

As Greg said in the link in the comment on the question, you can use 'if(top===self){ outside iframe code here } else { inside iframe code here}' to do this.

answered Jun 22 '12 at 20:29

Jasper Mogg

924
2
8
23

score 1 · Accepted Answer · edited May 23 '17 at 10:34

1

from @Greg answer

if (top === self) { not in a frame } else { in a frame }

top and self are both window objects (along with parent), so you're seeing if your window is the top window.

Greg answer

edited May 23 '17 at 10:34

Community

1
1

answered Jun 22 '12 at 20:29

shareef

9,255
13
58
89

How can I tell if my jQuery code is being run inside an iFrame?

3 Answers3