说一说window.parent
<iframe>标签是很常用的,嵌在页面之中,可以做独立的加载和刷新。比如说,页面分左右或者上下结构,一般左侧和上侧是导航部分,右侧和下侧是目标页面的展示部分,只需要设置导航链接的target属性等于右侧iframe的name属性即可。
有一个需求,当session超时之后,无论点击任何的链接,都要使整个页面跳转至登陆页面。
以前未接触框架的时候,一般使用过滤器Filter来实现,过滤所有的url,当然对于登陆和退出的url不进行拦截,如果session不存在就重定向至登陆页。
接触struts2之后,就是用全局拦截器,拦截符合条件的url,依然是对session进行判断,看一看session里面的信息是否符合放行的条件。
现在是springmvc,拦截器与struts2原理基本一致,只不过本项目需要考虑的东西稍微多一些而已,但本文不对拦截器进行详细阐述。主要说一说window.parent。
如本文第一段所述,点击有target的链接,页面就会指向iframe,当session超时之后,点击链接依然如此,那么iframe里的页面会跳转至登陆页,整个页面却是不动的,这样我们就需要在登陆页中判断一下,该页面是否存在父页面,如果存在就把该登陆页的url赋给父页面。
然而,window.parent总是不为空,window.parent.location也是不为空,如果直接进入登陆页(其本身没有iframe),window.parent.location就是其自身。这样就区分不出登陆页是否有父页面了?当然了,通过解析window.parent.location的不同是可以区分出来的,但是这个太低端,不是本文讨论的重点。
问题的集中点在于,登陆页它是否存在于某个iframe里面,或者他的父页面中是否存在iframe,这个如何做呢?
偶然看到window.parent.frames,这个是获得父窗口的所有集合,如果window.parent.frames.length>0说明存在iframe,否则不存在,这样可以区分出登陆页面是否嵌在iframe中。但总觉得通用性不够,依然显得低端。
仔细观察,发现window.parent依然是一个window,也就是说是一个window对象,那么window对象之间可以不可以实现比较呢?比如说:window.parent==window我们想拿它的父窗口和他的当前窗口进行比较,会不会出错呢?多说无用,试试就知道了。
1,登陆页自己alert(window.parent==window);返回true。
2,登陆页嵌在iframe中;返回false。
说明我们的猜想是正确的,没有问题,这样我们就可以区分出登陆是否存在父页面了,而且各种情况都通用。