h5 iframe嵌套页面_关于解决iframe标签嵌套问题的解决方法

问题描述

当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否已经存在

//根据该节点名字判断该节点是否存在

if ($("#tabs").tabs("exists",node.text)){

//如果存在就直接选中

$("#tabs").tabs("select",node.text);

}

如果为否，我们就会嵌套一个iframe标签来打开一个相应的html窗口

$("#tabs").tabs("add",{

//标题为当前节点的名称

title:node.text,

//没有边框

border:false,

//是否显示关闭按钮

closable:true,

//嵌套iframe标签

content:""

})

而此时有一个什么样的问题呢？有这样一个情况，当我们在同一个浏览器中，在A和B两个选项卡中都打开了后台管理页面，然后我们在A页面进行了注销操作，此时到A页面点击“员工管理”，那么此时应该要实现全局刷新并返回到登录页面，如下图所示

但是此时，由于我们嵌套iframe的缘故，当我们点击员工管理，正常发送的请求是/employee/index，而此时由于已经logout，那么当前用户未认证

content:""

所以这里的iframe窗体的url地址就会变成login.jsp，从而演变成了iframe嵌套问题，也就是如下图所示：

解决思路

在我们html中，每一个打开的窗体都有一个window对象，例如我们上图所示，如果站在内层窗体的角度来讲，实际上外层窗体其实就是内层窗体的父窗体(如果打开很多个嵌套，那么最外层窗体就是top)，如果要获取外层窗体也很简单，就是window.parent。

此时，如果我们要打开i的窗体不是最外层窗体，我们只需要将最外层的窗体对象赋值给当前窗体即可

//如果当前的窗体不是最外层窗体

if (window != top){

//那么就将最外层窗体的的地址赋给当前窗体

top.location.href = window.location.href;

}

到此这篇关于关于解决iframe标签嵌套问题的解决方法的文章就介绍到这了,更多相关iframe标签嵌套内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

h5 iframe嵌套页面_关于解决iframe标签嵌套问题的解决方法相关推荐

php自定义函数数学计算,ThinkPHP自定义函数解决模板标签加减运算的方法
本文实例讲述了ThinkPHP自定义函数解决模板标签加减运算的方法.分享给大家供大家参考.具体如下: 实际项目中,我们经常需要标签变量加减运算的操作.但是,在ThinkPHP中,并不支持模板变量直接运 ...
h5 iframe嵌套页面_汇总IOS下奇葩BUG以及iframe嵌套页面带来的一些困扰
做H5开发,安卓和IOS的兼容问题经常会困扰我们,尤其是跟第三方平台合作,用到iframe嵌入式应用,令很多Web前端开发的童鞋脑壳疼,相信大家也入了不少坑,且踩且珍惜吧,呵呵^_^.今天抽时间整理一 ...
h5 iframe嵌套页面_如何将一个HTML页面嵌套在另一个页面中
展开全部这个在做网页中常e69da5e887aa62616964757a686964616f31333339666636要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要 ...
iframe 覆盖父页面_一次iframe子页面与父页面的通信
事件回顾: 收到需求,说是要在别人的系统里嵌入目前由我维护的系统,嵌入的逻辑不多,只有一个创建流程. 刚开始觉得没什么,不就是你改改,我改改,你给我url加个参数,我知道是你调用,修改下页面balab ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
iframe 父子页面相互访问，iframe属性、安全问题
iframe是html标签,具有一般标签的属性: width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frame ...
iframe父页面获取iframe子页面的元素与 iframe子页面获取父页面元素
一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", ...
html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动
今天遇到一个这样的问题:网页中如何隐藏iframe中的垂直滚动条,但依然可以用滚轮实现页面滚动???我就想先把iframe定义宽度和高度,在设置overflow:hidden;呗,但是这样多余的部分会 ...
php嵌套模板,thinkphp3.1自定义模板标签嵌套实现
thinkphp3.1自定义模板标签嵌套实现之前做的自定义标签,属性里面读取不到上层标签的值,然后找了很多文档发现没有能解决的,然后就自己研究了一下,搞出来了,下面是方法,绝对能用,不能用我吃了它. ...

h5 iframe嵌套页面_关于解决iframe标签嵌套问题的解决方法

h5 iframe嵌套页面_关于解决iframe标签嵌套问题的解决方法相关推荐

最新文章

热门文章