判断页面是否被嵌入iframe里面

Posted zhyzhy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断页面是否被嵌入iframe里面相关的知识,希望对你有一定的参考价值。

最近在做一个项目,是一个小型的后台管理系统,这个系统可以单独打开,也可以嵌入公司大型的后台管理项目里面
这样就存在一个问题,在被嵌入大的后台管理系统后,不用显示该页面顶部导航栏和左侧的菜单栏
所以我们在项目里面就要做判断,当没有被嵌入iframe里面时,应该正常显示,否则隐藏左侧和顶部

window.self === window.top
//1. 如果返回false –> 说明页面被嵌套在iframe中了 
//2. 如果返回true –> 说明页面并没有被嵌套在iframe中 

上面的代码是判断当前的窗口是不是顶层窗口(判断当前的窗口有没有被嵌套在别的窗口中 )
如果window.top = window.self 表示没嵌套 当前窗口就是顶层窗口




以上是关于判断页面是否被嵌入iframe里面的主要内容,如果未能解决你的问题,请参考以下文章

window.parent 判断是否是被嵌入iframe里面

页面嵌入dom与被嵌入iframe的攻防

防止自己的页面不被其他网站的页面的iframe引用

js小demo-迫使页面总是单独显示,不能被嵌入到iframe中

检查网站是不是不允许嵌入 iframe

iframe框架嵌入一个网页,在微信里面打开不显示内容,一片空白,在其他浏览器都正常,紧急求助,在线等!