以下是一个简单的例子，演示如何使用 onpagehide 事件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>onpagehide 事件示例</title>
</head>
<body>
<script>
window.onpagehide = function(event) {
// 判断页面是否被缓存
if (event.persisted) {
console.log('页面被缓存，即将隐藏！');
} else {
console.log('页面即将关闭或被隐藏！');
}
};
</script>
</body>
</html>
在这个例子中，通过设置 window.onpagehide 事件处理程序，可以在页面即将关闭或被隐藏时触发相应的逻辑。当用户离开当前页面、导航到另一个页面或关闭浏览器标签时，会输出相应的日志信息到控制台。
需要注意的是，onpagehide 事件可能在页面即将隐藏时触发，而 event.persisted 属性为 true 时表示页面被缓存，为 false 时表示页面即将关闭。
同样，推荐使用 JavaScript 中的 addEventListener 方法而不是在 HTML 属性中直接使用事件处理程序，以提高代码的可维护性。
转载请注明出处：http://www.zyzy.cn/article/detail/4441/HTML