第1章 第423节 dom event onpageshow

推荐给朋友

onpageshow 事件

实例

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

<body onpageshow="myFunction()">

尝试一下

定义和用法

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

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

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

浏览器支持

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

事件 Chrome IE Firefox Safari Opera
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() 方法。

技术细节

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

更多实例

实例

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

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

尝试一下