JavaScript 和 HTML DOM 参考手册 onpageshow 事件

2024-02-25 开发教程 JavaScript 和 HTML DOM 参考手册 匿名 1

实例

在用户浏览网页时触发 JavaScript:

<body onpageshow="myFunction()">

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


定义和用法

onpageshow 事件在用户浏览网页时触发。

onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发,onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。

为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false (查看以下 "更多实例" )。


浏览器支持

表格中的数字表示支持该事件的第一个浏览器的版本号。

事件
onpageshowYes11.0 Yes5.0Yes

语法

HTML 中:

<element onpageshow="myScript">

JavaScript 中:

object.onpageshow=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("pageshow", myScript);

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


技术细节

是否支持冒泡:No
是否可以取消:No
事件类型:PageTransitionEvent
支持的 HTML 标签:<body>

更多实例

实例

查看页面是否从浏览器缓存中读取:

function myFunction(event) {
    alert("该页面是否从浏览器缓存中读取? " + event.persisted);
}