onpageshow 事件
本文底部包含了更多实例。
定义和用法
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> | 

更多实例
实例
查看页面是否从浏览器缓存中读取:
	function myFunction(event) { 
alert("该页面是否从浏览器缓存中读取? " + event.persisted);
}
alert("该页面是否从浏览器缓存中读取? " + event.persisted);
}
尝试一下 »
 事件对象
 事件对象			
						
			
 JavaScript 教程
JavaScript 教程 JavaScript 对象
JavaScript 对象 jQuery 教程
jQuery 教程 JSON 教程
JSON 教程 AngularJS 教程
AngularJS 教程 Angular 2 教程
Angular 2 教程 Vue.js 教程
Vue.js 教程 React 教程
React 教程 jQuery UI 教程
jQuery UI 教程 jQuery EasyUI 教程
jQuery EasyUI 教程 AJAX 教程
AJAX 教程 Highcharts 教程
Highcharts 教程 Google Maps API 教程
Google Maps API 教程 ES6 教程
ES6 教程 TypeScript教程
TypeScript教程 ES6 标准入门
ES6 标准入门