onpageshow 事件

2023-04-11 14:40 更新

事件對(duì)象參考手冊(cè)事件對(duì)象


實(shí)例

在用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)觸發(fā) JavaScript:

<body onpageshow="myFunction()">

嘗試一下 ?

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


定義和用法

onpageshow 事件在用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)觸發(fā)。

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

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


瀏覽器支持

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

事件          
onpageshow Yes 11.0  Yes 5.0 Yes


語(yǔ)法

HTML 中:

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

JavaScript 中:

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

JavaScript 中, 使用 addEventListener() 方法:

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

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


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

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


Examples

更多實(shí)例

實(shí)例

查看頁(yè)面是否從瀏覽器緩存中讀取:

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

嘗試一下 ?


事件對(duì)象參考手冊(cè)事件對(duì)象


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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)