onpageshow 事件在用戶瀏覽網頁時觸發。
onpageshow 事件類似於 onload 事件,onload 事件在頁面第一次加載時觸發, onpageshow 事件在每次加載頁面時觸發,即 onload 事件在頁面從瀏覽器緩存中讀取時不觸發,此外還有pagehide在不顯示的時候觸發。
為了查看頁面是直接從服務器上載入還是從緩存中讀取,可以使用 PageTransitionEvent 對象的 persisted 屬性來判斷。
如果頁面從瀏覽器的緩存中讀取該屬性返回 ture,否則返回 false。然后在根據true或false在執行相應的頁面刷新動作或者直接ajax請求接口更新數據。
window.addEventListener('pageshow', function(event) {
console.log("PageShow Event " + event.persisted);
console.log(event)
})
