JavaScript页面卸载事件详解(onunload)

当用户从页面离开时（例如关闭页面或刷新页面），会触发 onunload 事件，此时可以执行预设的脚本。不同浏览器对 onunload 事件的支持可能存在差异，因此在使用时需注意兼容性问题。

下面是一个示例代码，当用户尝试离开页面时，会弹出一个确认对话框询问用户是否真的要离开当前网页：

function onunload_message() {
    return '您确定要离开此网页吗？';
}

运行结果（以 IE 浏览器为例）：

补充说明：

1. 卸载事件是指用户离开当前网页的行为，这包括但不限于直接关闭网页或通过点击链接跳转至其他网页。

2. onunload 事件仅在页面即将跳转到另一个页面时触发，而不会在页面关闭时触发。若需要在页面关闭时也触发事件，应使用 onbeforeunload 事件。

3. 测试发现，Firefox、Google Chrome 和 IE 三个浏览器中，onunload 事件在页面刷新或通过超链接跳转时有效，但在关闭页面时无效。相比之下，onbeforeunload 事件则对关闭页面同样有效。

4. 在设置 window.onunload 时，应直接赋值函数名，无需加括号。如果在某些情况下没有看到预期的提示框，可能是由于浏览器的安全设置限制了脚本的执行。此时，可以通过调整浏览器设置来允许脚本运行。

5. 如果在定义 window.onunload 时错误地添加了括号，会导致页面加载时立即弹出提示框，而不是在用户试图离开页面时显示。

请注意，虽然在某些浏览器中，如 Google Chrome，window.Onunload= onunload_message(); 需要带括号才能生效，但这是非标准行为，不建议采用。