iframe标签教程(关于解决iframe标签嵌套问题的解决方法)
类别:Web前端 浏览量:2377
时间:2021-10-12 00:55:23 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:"<iframe frameborder='0' src='"+node.url+"' width='100%' height='100%'/>" })
而此时有一个什么样的问题呢?有这样一个情况,当我们在同一个浏览器中,在A和B两个选项卡中都打开了后台管理页面,然后我们在A页面进行了注销操作,此时到A页面点击“员工管理”,那么此时应该要实现全局刷新并返回到登录页面,如下图所示
但是此时,由于我们嵌套iframe的缘故,当我们点击员工管理,正常发送的请求是/employee/index,而此时由于已经logout,那么当前用户未认证
content:"<iframe frameborder='0' src='"+node.url+"' width='100%' height='100%'/>"
所以这里的iframe窗体的url地址就会变成login.jsp,从而演变成了iframe嵌套问题,也就是如下图所示:
解决思路
在我们html中,每一个打开的窗体都有一个window对象,例如我们上图所示,如果站在内层窗体的角度来讲,实际上外层窗体其实就是内层窗体的父窗体(如果打开很多个嵌套,那么最外层窗体就是top),如果要获取外层窗体也很简单,就是window.parent。
此时,如果我们要打开i的窗体不是最外层窗体,我们只需要将最外层的窗体对象赋值给当前窗体即可
//如果当前的窗体不是最外层窗体 if (window != top){ //那么就将最外层窗体的的地址赋给当前窗体 top.location.href = window.location.href; }
到此这篇关于关于解决iframe标签嵌套问题的解决方法的文章就介绍到这了,更多相关iframe标签嵌套内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- iframe向子页面发送消息(使用postMessage让 iframe自适应高度的方法示例)
- iframe嵌入页面跨域(使用iframe+postMessage实现页面跨域通信的示例代码)
- vue前台解析pdf文件流(Vue实现在线预览pdf文件功能利用pdf.js/iframe/embed)
- iframe 弹窗(遮罩层 + Iframe实现界面自动显示的示例代码)
- js操作iframe
- iframe标签教程(关于解决iframe标签嵌套问题的解决方法)
- iframe解决跨域问题(跨域修改iframe页面内容详解)
- iframe嵌入页面高度自动适应
- iframe怎么设置域名(iframe与window.onload如何使用详解)
- frameset与iframe 的应用与区别
- iframe跨域原理(详解使用postMessage解决iframe跨域通信问题)
- 少用iframe的原因
- iframe如何解决跨域问题(关于iframe跨域使用postMessage的实现)
- 判断iframe是否加载完成
- iframe跨域获取标签(iframe跨域的几种常用方法)
- 如何看待美国数十万加仑牛奶倒下水道 历史又重演了(如何看待美国数十万加仑牛奶倒下水道)
- 历史惊人的相似,美国80万加仑牛奶倒入下水道,意味着什么(历史惊人的相似)
- 美国数十万加仑牛奶倒进下水道,世界会重演1929年的大萧条吗(美国数十万加仑牛奶倒进下水道)
- 美国数十万加仑牛奶倒入下水道,贫民区食不果腹,历史再次重演(美国数十万加仑牛奶倒入下水道)
- 美国倒掉数十万加仑牛奶 上热搜第一,这一幕似曾相识(美国倒掉数十万加仑牛奶)
- 深度 倒牛奶 这一幕为何又在美国上演(深度倒牛奶)
热门推荐
- 宝塔面板服务器设置(使用宝塔面板做负载均衡时遇到的问题和解决办法)
- vue-router的安装(详解Vue-Router的安装与使用)
- dedecms 标签通用(DEDECMS标签循环调用 去掉最后一个循环符号的代码)
- linux增加静态路由(Linux添加静态路由两种实现方法解析)
- filezilla搭建ftp服务器英文(FileZilla Server FTP服务器安装使用图文教程)
- php中数组使用技巧(php常用经典函数集锦数组、字符串、栈、队列、排序等)
- flash一直在最上方,设置z-index无效
- JS中prototype
- javascript如何实现异步任务(JavaScript 中如何实现并发控制)
- 数组、ArrayList和List的区别