html登陆后无法跳出页面,详解如何在登录过期后跳出Ifram框架

1、文章背景

我们在做后台项目管理时，常用 Ifram 框架来加载页面，即：

我们使用 iframe 标签来加载页面，该 src 可以指向不同的页面，从而我们可以在一个网页中打开更多的页面，但是我们也需要尽可能地控制同事打开的网页数，避免客户端消耗太大导致网页崩溃。网页效果如下：

2、问题描述

那上一步，我们已经了解了 Ifram 框架，整体大概分为：菜单栏，导航栏，和主体 Ifram 内容，那么当我们登录信息过期的时候，系统会进行登录拦截，导致页面跳到登录界面，如下：

可以看出，当我们登录信息过期之后，ifram 加载了登录界面，当我们输入了登录信息之后，发现如下：

那么客户是不清楚发生了什么事的，一定会觉得这个系统是不是出问题了，这对用户体验是极差的

3、解决方案

以上，我们了解了 ifram 加载的页面，会导致登录信息过期时，加载了登录界面，影响用户体验，那么解决方法如下：

// 登录过期的时候，跳出ifram框架

if (top.location != self.location) {

top.location = self.location

};

我们在登录界面的 JS 中，加上如上代码，表示当前窗体的 URL 与父窗体的 URL 是否不相等，不相等则父窗体的 URL 等于当前窗体的 URL，这样就能成功跳出 Ifram 框架了

到此这篇关于详解如何在登录过期后跳出Ifram框架的文章就介绍到这了,更多相关登录过期后跳出Ifram 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

html登陆后无法跳出页面,详解如何在登录过期后跳出Ifram框架相关推荐

html登陆成功后跳转页面跳转,怎么设置登录成功后跳转到相应的页面
想要用angularjs实现的功能是一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html) 碰到的问题 1.一进入页面没有显 ...
nmmqq.php?/lspc.html,html中的图片直接使用base64编码后的字符串代替详解
网页中的图片是使用base64编码后的字符串代替了,这个叫做Data URI scheme,下面有个不错的示例,大家可以参考下最近来了一个网页,里面有图片,但是却没有引用外部的图片资源,很好奇.查看 ...
企业网络分配项目，从连接到登陆，一步步来详解交换机配置
弱电几乎大部分的项目都跟网络有关,而所有的网络都离不开交换机的配置,很多朋友弱电项目做的比较困难,主要还是对网络技术不了解,尤其是交换的配置,那么今天我们以实例来讲解,企业网络分配项目,从连接到登陆, ...
iframe嵌套其它网站页面详解
iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了. <iframe src="demo_iframe_sandbox.htm" ...
友情链接在html中怎么写,HTML+CSS入门网站友情链接显示页面详解
本篇教程介绍了HTML+CSS入门网站友情链接显示页面详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.列表标签有序列表:type默认是1,2,3--,rese ...
JDBC学习笔记02【ResultSet类详解、JDBC登录案例练习、PreparedStatement类详解】
黑马程序员-JDBC文档(腾讯微云)JDBC笔记.pdf:https://share.weiyun.com/Kxy7LmRm JDBC学习笔记01[JDBC快速入门.JDBC各个类详解.JDBC之CR ...
上传服务器后字体文件丢失,详解Vue+elementUI build打包部署后字体图标丢失问题...
错误描述: Vue+elementUI build打包部署后字体图标丢失,控制台显示文件element-icons.woff和element-icons.ttf文件404 错误展现: 控制台报错截图 ...
超详解三子棋（优化后）【万字教程包教包会】
详解三子棋前言一.游戏规则二 .游戏流程三.代码实现 3.1主体部分实现 3.2 game函数的实现 3.2.1创建数组 3.2.2初始化棋盘 3.2.3显示棋盘 3.2.4玩家下棋 3.2. ...
pandas详解：学习大佬文章后的逐点分析
目录 (^-^):导言一.安装pandas 二.数据表的生成(通常是导入数据表) 1.导入库 2.导入文件三.数据表信息查看 1.维度的查看 2.数据表基本信息(维度.列名称.数据格式.所占空间等 ...

html登陆后无法跳出页面,详解如何在登录过期后跳出Ifram框架

html登陆后无法跳出页面,详解如何在登录过期后跳出Ifram框架相关推荐

最新文章

热门文章