以下是一个简单的例子，演示如何使用 onpageshow 事件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>onpageshow 事件示例</title>
</head>
<body>
<script>
window.onpageshow = function(event) {
if (event.persisted) {
// 页面从缓存中恢复时触发
console.log('页面从缓存中恢复！');
} else {
// 页面首次加载时触发
console.log('页面首次加载！');
}
};
</script>
</body>
</html>
在这个例子中，通过设置 window.onpageshow 事件处理程序，可以在页面加载时触发相应的逻辑。当页面首次加载时，会输出 "页面首次加载！" 到控制台；当页面从缓存中恢复时，会输出 "页面从缓存中恢复！"。
需要注意的是，onpageshow 事件可能在页面刷新、导航或从缓存中恢复时触发，因此逻辑中可能需要区分这些情况。如果 event.persisted 属性为 true，则表示页面是从缓存中恢复的。
请记住，尽量避免直接在 HTML 属性中使用事件处理程序（如 onpageshow="someFunction()"），而是推荐使用 JavaScript 中的 addEventListener 方法，这样有助于提高代码的可维护性。
转载请注明出处：http://www.zyzy.cn/article/detail/4440/HTML