內嵌頁面session超時，內嵌頁面顯示登錄界面問題解決方案

我們在開發web項目的時候 經常用到iframe嵌套，這里的話 不管是開發的時候，還是正式環境使用。當session超時，或者重啟項目，內嵌的頁面會跳轉到登錄頁面；

如上圖，用戶體驗很差；

解決思路 我們在登錄頁面 進行判斷 假如是 內嵌的頁面，我們就找到他的 最頂層父頁面，然后然后父頁面 進行 重定向到登錄頁面即可；

核心代碼實現；

$(function(){

? ? ? ? if(self!=top){? // 判斷當前頁面是否是頂層頁面

? ? ? ? ? ? var topWindow=window; // 定義最頂層頁面? 把當前頁面賦值給topWindow

? ? ? ? ? ? while(topWindow.parent!=topWindow){? // 不斷的循環 把當前頁面的父頁面與頂層頁面對象比較 直到相同

? ? ? ? ? ? ? ? topWindow=topWindow.parent;

? ? ? ? ? ? }

? ? ? ? ? ? topWindow.location.href="/login"; // 頂層頁面跳轉到 登錄頁面

? ? ? ? }

});

總結

以上是生活随笔為你收集整理的内嵌iframe_内嵌页面session超时，内嵌页面显示登录界面问题解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。