「小贴士」嵌套有＜iframe＞的页面，当登录session过期后，只在＜iframe＞中跳转到登录页

原创已于 2022-07-26 09:55:32 修改 · 1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTML&CSS

当前文章被收录于：

HTML&CSS

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

于 2022-07-24 13:37:48 首次发布

本文介绍了如何使用JavaScript解决在嵌入<iframe>元素的页面中，防止登录页面在iframe内加载的问题。提供的解决方案是通过检查窗口层级，如果顶层窗口不是当前窗口，则重新加载顶层页面，避免在iframe内加载，从而确保登录流程的正确性。

如下图中的问题：
在这里插入图片描述
解决办法：在嵌入<iframe>元素的页面处，执行下面的js代码：

var w = window;
/* 顶层窗口不是当前窗口才加载，且加载完成后直接返回不往下执行获取验证码了，否则可能会出现两次获取验证码太快，
导致第二次没有正常获取 */
if(w.top != w.self) {
    w.top.location.reload();
    return;
}