當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  編程技術(shù) >  正文

詳解如何在登錄過(guò)期后跳出Ifram框架

 2020-10-16 16:09  來(lái)源: 腳本之家   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

這篇文章主要介紹了詳解如何在登錄過(guò)期后跳出Ifram框架,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

1、文章背景

我們?cè)谧龊笈_(tái)項(xiàng)目管理時(shí),常用 Ifram 框架來(lái)加載頁(yè)面,即:

<iframe src="url"></iframe>

我們使用 iframe 標(biāo)簽來(lái)加載頁(yè)面,該 src 可以指向不同的頁(yè)面,從而我們可以在一個(gè)網(wǎng)頁(yè)中打開(kāi)更多的頁(yè)面,但是我們也需要盡可能地控制同事打開(kāi)的網(wǎng)頁(yè)數(shù),避免客戶(hù)端消耗太大導(dǎo)致網(wǎng)頁(yè)崩潰。網(wǎng)頁(yè)效果如下:

2、問(wèn)題描述

那上一步,我們已經(jīng)了解了 Ifram 框架,整體大概分為:菜單欄,導(dǎo)航欄,和主體 Ifram 內(nèi)容,那么當(dāng)我們登錄信息過(guò)期的時(shí)候,系統(tǒng)會(huì)進(jìn)行登錄攔截,導(dǎo)致頁(yè)面跳到登錄界面,如下:

 3、解決方案

以上,我們了解了 ifram 加載的頁(yè)面,會(huì)導(dǎo)致登錄信息過(guò)期時(shí),加載了登錄界面,影響用戶(hù)體驗(yàn),那么解決方法如下:

// 登錄過(guò)期的時(shí)候,跳出ifram框架

if (top.location != self.location) {

top.location = self.location

};

我們?cè)诘卿浗缑娴?JS 中,加上如上代碼,表示當(dāng)前窗體的 URL 與 父窗體的 URL 是否不相等,不相等則父窗體的 URL 等于當(dāng)前窗體的 URL,這樣就能成功跳出 Ifram 框架了

到此這篇關(guān)于詳解如何在登錄過(guò)期后跳出Ifram框架的文章就介紹到這了,更多相關(guān)登錄過(guò)期后跳出Ifram 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!

來(lái)源:腳本之家

鏈接:https://www.jb51.net/html5/744567.html

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門(mén)排行

信息推薦