1. 全栈程序员必看首页

关于前端iframe嵌套页面的跳转问题

全栈程序员-站长 • • 未分类 • 阅读 251

关于前端iframe嵌套页面的跳转问题因工作中遇到的项目,有iframe页面嵌套,遇到了页面跳转的问题,所以记录解决问题的过程关于前端iframe嵌套页面的跳转问题问题:在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面.过程:开始在B中尝试使用页面跳转location.href=”A登录的页面地址”,一直访问失败,且浏览器地址栏的url也没有变化,查询相关资料得到解决方法.解决方案:使用:windows.parent.location.href=”.

大家好，又见面了，我是你们的朋友全栈君。

因工作中遇到的项目,有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的跳转)

参考资料

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/148558.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

  • 资源网站链接[通俗易懂]

    资源网站链接[通俗易懂]

    资源网站链接[通俗易懂]JavaScript代码在线压缩　　　http://oncoding.net/tools/jsmin/CSSValidationService　　http://jigsaw.w3.org/cs

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月5日
    4
  • 个人博客网站搭建[通俗易懂]

    个人博客网站搭建[通俗易懂]

    个人博客网站搭建[通俗易懂]个人博客网站搭建VuePress介绍本人的个人博客网站，网站地址，是基于VuePress进行搭建。什么是VuePress根据官网：VuePress由两部分组成：第一部分是一个极简静态网站生成

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月1日
    22
  • dedecms织梦系统_dede模板站

    dedecms织梦系统_dede模板站

    dedecms织梦系统_dede模板站（dede）织梦系统二次开发记录–soulsjie一、模板常用文件说明模板文件都在文件夹templets下，我们以默认模板（default）为例，对模板文件结构进行分析：首页模板文件目录\

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月2日
    9
  • JS中鼠标拖拽div（2）（setCapture()方法和releaseCapture()方法）

    JS中鼠标拖拽div（2）（setCapture()方法和releaseCapture()方法）

    JS中鼠标拖拽div（2）（setCapture()方法和releaseCapture()方法）接着鼠标拖拽div（1）解决问题，当在拖拽事件所在的页面按下键盘的ctrl+A全选后，再去拖拽div，浏览器会默认去搜索网页中的内容，拖拽功能就会失效，（搜索网页内容是浏览器的默认行为，所以要想不发生这种情况，就得将其取消，是谁执行之后触发了浏览器的默认行为，就在谁里面returnfalse即可取消浏览器的默认行为，但这种方式ie8及以下的版本不支持。）在ie8及以下版本浏览器中，如果调用了元素的setCapture()方法，那么点击任何事物都会来执行这个元素绑定的响应函数。例如：btn.oncl

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月8日
    54
  • vmware15最新激活码2021【中文破解版】[通俗易懂] idea

    vmware15最新激活码2021【中文破解版】[通俗易懂]

    (vmware15最新激活码2021)JetBrains旗下有多款编译器工具（如：IntelliJ、WebStorm、PyCharm等）在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上，过去15年以来，JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年3月26日
    50
  • unit8或double灰度图像的伪彩色显示[通俗易懂]

    unit8或double灰度图像的伪彩色显示[通俗易懂]

    unit8或double灰度图像的伪彩色显示[通俗易懂]简单将unit8或double类型灰度图以设定的伪彩色图像显示：  figure,imshow(gray,’Colormap’,jet(255))；将灰度图像直接转化为RGB图形：rgb=ind2rgb(gray2ind(im,255),jet(255));如果是unit8数据而不是double类型数据可采用如下伪彩色转换：rgb=label2rgb(gray2ind(…

    全栈程序员-站长的头像 全栈程序员-站长
    2025年12月2日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号