html5
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧

关于解决iframe标签嵌套问题的解决方法

发布时间：2022-04-13 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了关于解决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标签嵌套内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本宝典！

@H_360_50@

脚本宝典总结

以上是脚本宝典为你收集整理的关于解决iframe标签嵌套问题的解决方法全部内容，希望文章能够帮你解决关于解决iframe标签嵌套问题的解决方法所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：
猜你在找的html5相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新html5教程
热门html5教程