onpageshow 事件

返回上一级

HTML DOM 的 onpageshow 事件在用户浏览网页时触发

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

为了查看页面是直接从服务器上载入还是从缓存中读取,可以使用 PageTransitionEvent 对象的 persisted 属性来判断

如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false

语法

HTML

<element onpageshow="myScript">

运行范例

JavaScript

object.onpageshow=function(){ /*myScript*/};

运行范例

JavaScript addEventListener() 方法

object.addEventListener("pageshow", /*myScript*/ )

运行范例

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

浏览器支持

Yes 11.0+ Yes 5.0+ Yes

其它

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

范例

在用户浏览网页时触发 JavaScript

<body onpageshow="myFunction()">

运行范例 »

范例

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

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

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.