解决iframe重定向让父级页面跳转

最新推荐文章于 2023-06-13 14:11:27 发布

林先生拆坑日记。

最新推荐文章于 2023-06-13 14:11:27 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：踩坑记录前端

本文链接：https://blog.youkuaiyun.com/weixin_41930050/article/details/98980863

前端同时被 2 个专栏收录

14 篇文章

订阅专栏

踩坑记录

6 篇文章

订阅专栏

在使用iframe的前端项目中，遇到重启tomcat导致session失效，页面被重定向至登录界面的问题。本文介绍了一种解决方案，通过JavaScript判断当前页面是否为最外层页面，若不是，则使父页面进行跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做项目过程中遇到了一个bug 前端页面使用的iframe 当我们重启tomcat时候，session失效而项目做了过滤器没有登录的不允许访问会跳到登录界面
但是在iframe 点击父页面的a标签只会在子页面跳转到登录界面。

解决办法就是 js判断登录界面是否是最外层页面不是的话父页面进行跳转


<script language="JavaScript"> 

if (window != top) 

top.location.href = location.href; 

</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林先生拆坑日记。

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

从iframe动作重定向父窗口

w36680130的博客

07-12

600

What JavaScript do I need to use to redirect a parent window from an iframe? 我需要使用什么JavaScript从ifra

python切换前端的iframe页面_Iframe实现单页面多tab切换界面无刷新

weixin_39712865的博客

12-22

383

项目需求：需要在原MVC项目上实现单页面多tab切换，局部刷新功能。痛点：原MVC项目菜单栏使用的是a标签，利用a标签的href属性跳转到对应界面，所以导致每个界面都得重新加载一遍；项目早已上线正常运转，大改框架代价比较大，只得另辟蹊径。思路：通过点击菜单，动态增加Iframe,利用Iframe的src属性，将子页面与母板页结合，再通过控制Iframe的显隐，实现界面的切换，另外利用hi...

1 条评论您还未登录，请先登录后发表或查看评论

子窗口iframe跳转到父窗口

11-30

子窗口iframe提交后跳转到父窗口，总结四种方法。

java代码解决iframe重定向让父级页面跳转

我是小妖怪,潇洒又自在

04-25

4442

一般使用filter过滤用户是否登录或者是否有非法字符，如果用户没有登陆或有非法字符则转向登陆页面，这时候可以使用response.sendRedirect("跳转地址")。但当在页面上使用了iframe后(见下图的布局结构)，发现被重定向的只是父页面中的iframe区域，登陆页面内容显示在iframe区域中。说明在过滤器中发送重定向请求时，是在iframe页面发送的。为了解决这个问题...

解决iframe重定向 至父级页面跳转

chiqiejie8745的博客

07-22

750

有内嵌iframe的页面，当session过期时，点击连接重定向后的跳转会在iframe中跳转，在登录页面中加入下面的代码，就会在最外层页面跳转 <script language="JavaScript"> if (window != top) top.location.h...

iframe重定向让父级页面跳转

韩大璐

11-09

2591

父级页面用iframe标签嵌套了顶部导航栏，点击导航栏想要实现父级页面跳转。使用window.top.location实现父级页面重定向。 top表示顶层页面。由于页面嵌套了iframe子页面，top表示最外面一层。 ...

后台管理禁止iframe刷新返回首页

09-01

然而，`iframe`的使用有时也会带来一些问题，比如在后台管理系统中，当用户在某个子页面（如二级菜单页面）操作时，如果`iframe`刷新，可能会导致页面跳转回首页，这显然不是用户期望的行为。针对这个问题，我们需要...

iframe有没有什么事件可以检测到跳转到别的页面啦

最新发布

03-18

### iframe检测页面跳转的相关事件在HTML中，`iframe`本身并没有专门用于检测其内部页面跳转的事件。然而，可以通过一些间接的方法来监测`iframe`的内容变化或加载状态。以下是几种可能的方式： #### 使用 `...

layui框架中如何实现，在登录超时实现自动跳转登录页？

qq_26780317的博客

09-15

4541

前言：最近，接手了一个layui框架做的系统，现在需要实现接口登录超时，自动跳转到登录页的操作。方案：后台判断是否超时，前端根据接口返回的code码，实现自动跳转至登录页面。问题点：前端重定向经常使用的是----w

iframe带参数重定向到父页面

Y_jay的博客

08-13

1161

iframe带参数重定向到父页面缘起用layer.open 弹出iframe，然后在iframe中提交表单数据，并自动关闭iframe，在java代码中重定向到iframe的父页面，并携带参数。解决方案在iframe的表单中，设置target为_parent，这样就相当于是在父页面提交表单，否则无法在代码中重定向到父页面。 <form id="form" action="<%=basePath%>accessRecordAction.do?saveFakeAccess" onsub

iframe重定向让父页面跳转

weixin_30399797的博客

09-05

501

情景描述我们在使用一些后台程序的html模板（比如H-ui）的时候，这些html前端程序是iframe版的，也就是说在使用的时候，每当我点击左侧导航栏的一个按钮，在右侧就会弹出一个菜单栏，在显示的地方就会出现一个页面。我们在使用的时候会遇到这样一个问题：比如我的session过期了，那么这个时候当我点击页面上摸一个按钮的时候，我希望这个页面会跳转到登陆界面。然而事实上它的确跳...

防止iframe连接重定向到父级页面

小青蛙

09-26

8104

<iframe src="b.html" sandbox="allow-forms allow-scripts allow-same-origin"> </iframe>

解决iframe 重定向让父级页面跳转

qq_28616811的博客

07-18

1808

当嵌套iframe的时候，session过期之后，跳转登录页面只会在本窗口做跳转，父类窗口不会发生变化。解决方案 if (window != top){ top.location.href = location.origin+location.pathname; } ...

servlet重定向页面怎么跳出iframe

adingyb的博客

08-03

1150

最近用servlet写一个小项目的时候遇到这样一个问题，前端页面是通过iframe来展示页面的，类似下图：这时候遇到一个问题，有一个修改密码的功能，修改页面是在iframe中，但是通过form表单提交修改请求到servlet修改完成后，需要重定向到登录页面，但是如果这样的话，登录页面也会嵌入到iframe中，这显然不合理，应该要跳出iframe，其实很简单只需要在form表单中加入一条属性：target="_parent"，如下： <form class="layui-form" tar.

如何阻止 iframe 里引用的网页自动跳转

我的博客

06-13

1720

增加两个：security=“restricted” sandbox=“”（内嵌百度时要允许弹框，即 sandbox=“allow-popups”），前者是 IE 的禁止 js 的功能，后者是 HTML5 的功能。百度代码中有 if (top.location!} 使用里这段代码之后，会自动判断当前的 location 是否是顶层的，即是否被嵌套到 iframe 里面了，如果是，则强制跳转。

解决iframe刷新子页面但是默认跳转到父页面

qq_42562636的博客

02-29

1891

前言：用iframe做后台系统框架这样导航栏就不用每个页面都添加了，但是当在子页面刷新页面的时候就默认跳到父页面去了我去太坑了啊！！！！百度了半天都是什么通过监听锚点是否改变来解决我试了各种方法都不行比如这篇文章写的很好但是我这边就是没用 https://www.cnblogs.com/zhuxiaojie/p/5990262.html 于是想了想如果用cooike能否解决...

解决iframe跳转时父页面仍然存在的问题

php的绯闻女友

10-12

612

我的iframe是一个子页面，但是我想从这个子页面跳转到登录页面，但是如果直接写window.location.href的话，登录页面会直接存在于父页面下，所以我们需要父页面直接跳转到登录页面，解决的办法很简单。 parent.location.href="{:url('index/login/index')}"; ...

springmvc中返回页面，只在iframe中跳转，而不是整个页面，解决方法。

weixin_30648587的博客

03-24

751

问题描述：在我写的主页面中用到了iframe，其中在iframe中有一个button点击提交，然后在Controller中返回页面的时候，是在iframe中打开的，而不是整个页面。最开始我想用ajax来提交表单，然后用parent.location.href()来进行整个页面的跳转，但是不知道为什么，ajax请求一直返回错误，进入error页面，并且我其他的ajax没有问题，坑最后在用这个...