轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

onpageshow 事件

❮ DOM 事件 ❮ PageTransitionEvent

实例

当用户导航到网页时执行 JavaScript：

<body onpageshow="myFunction()">
亲自试一试 »

页面下方有更多实例。

定义和用法

onpageshow 事件在用户导航到网页时发生。

onpageshow 事件与 onload 事件类似，不同之处在于它发生在页面首次加载时的 onload 事件之后。此外，每次加载页面时都会发生 onpageshow 事件，而从缓存加载页面时不会发生 onload 事件。

如需确定页面是直接从服务器加载还是缓存，您可以使用 PageTransitionEvent 对象的 persisted 属性。如果页面被浏览器缓存，则此属性返回 true，否则返回 false（请参阅下面的更多实例）。

浏览器支持

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

事件
onpageshow Yes 11.0 Yes 5.0 Yes

语法

在 HTML 中:

<element onpageshow="myScript">
亲自试一试 »

在 JavaScript 中:

object.onpageshow = function(){myScript};
亲自试一试 »

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("pageshow", myScript);
亲自试一试 »

注释: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.

技术细节

是否支持冒泡: No
是否支持取消: No
事件类型: PageTransitionEvent
支持的 HTML 标签: <body>
DOM 版本: Level 3 Events

更多实例

实例

查看页面是否被浏览器缓存：

function myFunction(event) {
  alert(event.persisted);
}
亲自试一试 »

❮ DOM 事件 ❮ PageTransitionEvent