JS之onunload、onbeforeunload事件详解

onunload事件和onbeforeunload事件都是window对象的事件，用于在浏览器窗口即将关闭时触发相应的操作。

onunload事件在页面或浏览器窗口关闭时触发，可以用于执行一些清理操作，比如断开与服务器的连接、保存数据等。该事件无法阻止窗口的关闭，因为它会在窗口关闭之前触发。例如：

window.onunload = function() {
// 执行一些清理操作
// 断开与服务器的连接
// 保存数据等
}

onbeforeunload事件在页面或浏览器窗口即将关闭时触发，可以用于询问用户是否确认离开页面或关闭窗口。该事件的返回值会被浏览器解析为一条提示消息，可以用于阻止窗口的关闭。例如：

window.onbeforeunload = function(event) {
event.returnValue = "https://www.yisu.com/ask/确定离开页面吗？";
}

在这个例子中，当用户尝试关闭窗口或离开页面时，浏览器会弹出一个提示框，显示"确定离开页面吗？"的文本，用户可以选择离开或留在当前页面。

需要注意的是，onbeforeunload事件的处理函数需要设置event.returnValue的值为一个非空字符串，才能生效。如果将event.returnValue设置为空字符串或不设置，浏览器会忽略返回值，不会显示提示框。

另外，onbeforeunload事件在不同浏览器下的行为可能有所不同，某些浏览器可能不会显示自定义的提示消息，而是显示默认的提示消息。因此，在使用onbeforeunload事件时，需要注意浏览器的兼容性。