codecamp

onpageshow 事件

事件对象参考手册事件对象


实例

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

<body onpageshow="myFunction()">

尝试一下 »

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


定义和用法

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

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

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


浏览器支持

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

事件          
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>


Examples

更多实例

实例

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

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

尝试一下 »


事件对象参考手册事件对象


onpaste 事件
onpagehide 事件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML DOM对象

HTML DOM 引用对象

HTML DOM Password 对象

HTML DOM Link 对象

HTML DOM Select 对象

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }