Latest web development tutorials

onpageshow 事件

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

實例

在用戶瀏覽網頁時觸發JavaScript:

<body onpageshow="myFunction()">

嘗試一下»

本文底部包含了更多實例。


定義和用法

onpageshow 事件在用戶瀏覽網頁時觸發。

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

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


瀏覽器支持

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

事件
onpageshow Yes 11.0 Yes 5.0 Yes


語法

HTML 中:

<elementonpageshow="myScript"> 嘗試一下

JavaScript 中:

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

JavaScript 中, 使用addEventListener() 方法:

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

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


技術細節
是否支持冒泡: No
是否可以取消: No
事件類型: PageTransitionEvent
支持的HTML 標籤: <body>


Examples

更多實例

實例

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

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

嘗試一下»


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