首页 > 其他 > 详细

处理iframe中嵌套本页面的问题

时间:2016-04-26 17:24:09      阅读:246      评论:0      收藏:0      [点我收藏+]

  在框架中,常常会出现一种状况,当session失效之后再次操作时,会发现登录页面(或者你要操作的页面)突然见就显示在了iframe中,这是很不好的体验。

  出现的效果大致像这样:技术分享

  出现了这种状况,我们常常希望的是——当session失效之后再次操作时进入登录页面,而且该登录页面是在iframe的父级页面,也就是浏览器上地址栏里面能看见的路径的页面。

  解决这种bug很简单,只需要在登录界面里面加上如下代码即可:

1 <script type="text/javascript">
2         $(function(){
3             //判断登录页面是否在iframe中
4             if (self.frameElement && self.frameElement.tagName == "IFRAME") {
5                  parent.location.reload();//父页面重新加载
6             }
7         });
8     </script>

  这段代码的意思就是:先判断该页面是否是在iframe里面,如果是——刷新父页面(此时重新加载,因为session失效的缘故,导致父页面刷新的结果是登录界面);

  最终我们的效果就会变成这样:

技术分享

  代码十分简短,也十分有用。。

 

处理iframe中嵌套本页面的问题

原文:http://www.cnblogs.com/idiotalex/p/5435816.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!