JS实现页面关闭执行函数,页面刷新不执行函数
时间: 2023-06-01 20:03:37 浏览: 108
javascript 终止函数执行操作
可以使用window.onbeforeunload事件来实现页面关闭执行函数,而不执行刷新函数。
示例代码:
```
window.onbeforeunload = function() {
// 在此处添加页面关闭时要执行的代码
console.log("页面即将关闭");
};
```
该事件会在用户关闭页面、刷新页面或导航离开页面时触发。因此,如果只想在关闭页面时执行代码,可以在事件处理程序中检查事件对象的类型,只有在该类型为"unload"时才执行代码。
示例代码:
```
window.onbeforeunload = function(event) {
if (event.type === "unload") {
// 在此处添加页面关闭时要执行的代码
console.log("页面即将关闭");
}
};
```
需要注意的是,由于浏览器的安全限制,无法在onbeforeunload事件处理程序中直接弹出确认框或进行其他阻止用户离开页面的操作。只能返回一个字符串,提示用户是否确认离开页面。如果返回一个非空字符串,则浏览器会弹出一个确认框,询问用户是否确认离开页面。用户可以选择留在页面或离开页面。
阅读全文