关于前端iframe嵌套页面的跳转问题
因工作中遇到的项目,有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的跳转)
参考资料
关于前端iframe嵌套页面的跳转问题相关推荐
- iframe嵌套页面之间跳转
"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一 ...
- 关于使用iframe嵌套页面的跳转方式
一.背景A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下. 二.JS跳转window.location.href.locatio ...
- 前端Docker部署 https服务以及使用 iframe嵌套页面遇到的问题
中心思想:先部署 http服务,再部署 https服务转发到 http服务上 (如果 http和 https服务部署在同一台服务器上,可共用一个 docker容器同时部署,见 3) 前端Docker微 ...
- vue中用iframe嵌套页面,点击返回实现真正的退回上一步功能
vue项目中需要嵌套第三方的页面,但是第三方页面中的网页没有返回按钮,如图所示:此为页面b,页面a为跳到b页面的前一个页面. 点击iframe嵌套页面跳转的第二个页面 要实现不管进入多少层iframe ...
- h5 iframe嵌套页面_汇总IOS下奇葩BUG以及iframe嵌套页面带来的一些困扰
做H5开发,安卓和IOS的兼容问题经常会困扰我们,尤其是跟第三方平台合作,用到iframe嵌入式应用,令很多Web前端开发的童鞋脑壳疼,相信大家也入了不少坑,且踩且珍惜吧,呵呵^_^.今天抽时间整理一 ...
- 移动端使用iframe嵌套页面 scrolling:auto,ios出现横向滚动条问题
移动端使用iframe嵌套页面 scrolling:auto,ios出现横向滚动条问题 一.业务需求/及问题点 业务需求:开发移动端项目时,在项目网页内引用第三方网页,为此采用<iframe s ...
- TP超链接无法下载问题解决 hrome浏览器默认禁止iframe嵌套页面下载文件
var urlshow="{:U('Grant/download')}&grt_id="+row['grt_id']; let link = document.create ...
- 实现iframe嵌套页面通信
实现iframe嵌套页面通信 在项目中通过iframe标签嵌入其他网页时,该如何iframe页面进行通信呢?小菜鸡在这里简单记录一下~ 1.父组件获取子组件: (注:父组件是当前项目页面,子组件是if ...
- 调用iframe嵌套页面的方法
iframe标签定义一个id:" iframeDOM ". 调用页面用的方法: function callIframe(){document.getElementById(&quo ...
最新文章
- 比可微架构搜索DARTS快10倍,第四范式提出优化NAS算法
- 天线巴伦制作和原理_一种基于LTCC技术的新型Marchand巴伦滤波器
- Python实现图片压缩
- Go gin运行原理
- 牛客16437 买铅笔
- 新版 Edge 浏览器 Logo 曝光:形状相同,但为黄色背景
- 文本属性之文本颜色(CSS、HTML)
- 【深度学习】使用预训练模型
- ASP.NET 2.0 Internet安全之参考实现
- Java实现简单聊天室【含源码】
- OFDM信号的产生与解调
- 微信小程序的支付流程 —— 总结
- Flash按钮操作(画面暂停与播放)
- nginx 搭建静态网站
- 使用递归函数计算1到n之和
- 微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
- e40安装XP 转载记录
- C++文件输入/输出流类
- Interview Questions and Ans
- 苹果屏蔽更新_如何屏蔽苹果系统自动更新