|
Question
在Firefox等瀏覽器中,如果你打開一個(gè)頁面并進(jìn)行若干操作,例如在文本框進(jìn)行輸入,甚至點(diǎn)擊按鈕進(jìn)行Ajax操作更新頁面局部,這些操作的結(jié)果都會(huì)被緩存下來。在你點(diǎn)擊鏈接離開這個(gè)頁面后,如果你通過后退按鈕回到這個(gè)頁面,你會(huì)發(fā)現(xiàn)它仍出于你離開時(shí)的狀態(tài),而非頁面剛剛加載好后的初始狀態(tài)。在一些情況下,這樣的緩存方式是符合我們預(yù)期的;但在另外一些情況下,我們更希望頁面恢復(fù)到初始狀態(tài),或者說讓頁面從零開始重新加載一邊。我們?nèi)绾尾拍茏尀g覽器尊重我們的選擇呢?
Answer
如果你只是希望頁面不緩存加載后的變更,后退就恢復(fù)到最初加載的狀態(tài),你只需要一個(gè)空白的unload事件就可以了:
window.onunload = function(){};
其中的原理是,F(xiàn)irefox等瀏覽器會(huì)嘗試通過“掛起(suspend)”的方式來緩存頁面,使得后退能夠恢復(fù)到頁面之前被掛起那一刻的狀態(tài)。然而如果unload事件有處理函數(shù),瀏覽器就認(rèn)為你可能已經(jīng)對(duì)頁面進(jìn)行了析構(gòu)處理,這時(shí)候頁面已經(jīng)不可能回到正常的交互狀態(tài),也就不能以掛起的方式來緩存頁面。
如果我們希望允許瀏覽器掛起頁面,同時(shí)又需要知道何時(shí)被掛起何時(shí)被恢復(fù),那該怎么辦呢?我們可以用window對(duì)象上的pageshow和pagehide事件。當(dāng)頁面被掛起并隱藏時(shí),pagehide事件會(huì)被觸發(fā);當(dāng)頁面被恢復(fù)到掛起前狀態(tài)并顯示出來時(shí),pageshow事件會(huì)被觸發(fā)。Firefox從1.5開始就支持這兩個(gè)事件,Safari最新的nightly build也支持這兩個(gè)事件。
it知識(shí)庫:十分鐘內(nèi)學(xué)會(huì):控制瀏覽器是否緩存網(wǎng)頁狀態(tài),轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。