因工作中遇到的项目,有iframe页面嵌套,遇到了页面跳转的问题,所以记录解决问题的过程
关于前端iframe嵌套页面的跳转问题
问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面.
过程:
开始在B中尝试使用页面跳转location.href="A登录的页面地址",一直访问失败,且浏览器地址栏的url也没有变化,查询相关资料得到解决方法.
解决方案:
使用:windows.parent.location.href="A登录的页面地址",成功访问到了A的登录页面,并且浏览器地址栏也发生变化.
总结:
window.location.href和location.href只在本页面跳转,(如上文所述,只能负责iframe的B页面跳转)windows.parent.location.href上一层页面跳转 (如上文所述,指的是iframe中外面嵌套的A页面跳转)windows.top.location.href最外层页面跳转 (可以iframe多层嵌套,如A页面嵌套在C页面中,指的是iframe中最外面嵌套的页面C的跳转)