onpageshow 事件

2023-04-11 14:40 更新

事件對象參考手冊事件對象


實(shí)例

在用戶瀏覽網(wǎng)頁時觸發(fā) JavaScript:

<body onpageshow="myFunction()">

嘗試一下 ?

本文底部包含了更多實(shí)例。


定義和用法

onpageshow 事件在用戶瀏覽網(wǎng)頁時觸發(fā)。

onpageshow 事件類似于 onload 事件,onload 事件在頁面第一次加載時觸發(fā),onpageshow 事件在每次加載頁面時觸發(fā),即 onload 事件在頁面從瀏覽器緩存中讀取時不觸發(fā)。

為了查看頁面是直接從服務(wù)器上載入還是從緩存中讀取,你可以使用 PageTransitionEvent 對象的 persisted 屬性來判斷。如果頁面從瀏覽器的緩存中讀取該屬性返回 ture,否則返回 false (查看以下 "更多實(shí)例" )。


瀏覽器支持

表格中的數(shù)字表示支持該事件的第一個瀏覽器的版本號。

事件          
onpageshow Yes 11.0  Yes 5.0 Yes


語法

HTML 中:

<element onpageshow="myScript">嘗試一下

JavaScript 中:

object.onpageshow=function(){myScript};嘗試一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("pageshow", myScript);嘗試一下

注意: Internet Explorer8 及更早 IE 版本的瀏覽器不支持 addEventListener() 方法。


技術(shù)細(xì)節(jié)

是否支持冒泡: No
是否可以取消: No
事件類型: PageTransitionEvent
支持的 HTML 標(biāo)簽: <body>


Examples

更多實(shí)例

實(shí)例

查看頁面是否從瀏覽器緩存中讀?。?/p>

function myFunction(event) {
    alert("該頁面是否從瀏覽器緩存中讀取? " + event.persisted);
}

嘗試一下 ?


事件對象參考手冊事件對象


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號