JS事件卸载事件当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。

最新推荐文章于 2025-06-08 03:54:53 发布

四哥-云上

最新推荐文章于 2025-06-08 03:54:53 发布

阅读量480

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript进阶篇文章标签： web前端 javascript 函数

本文链接：https://blog.youkuaiyun.com/yongbin668/article/details/51669511

JavaScript进阶篇专栏收录该内容

91 篇文章

订阅专栏

本文介绍HTML中页面卸载事件onunload的基本概念及使用方法，并通过示例代码展示了如何在用户退出页面时弹出确认对话框。需要注意的是，不同浏览器对onunload事件的支持存在差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

卸载事件（onunload）

当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。

注意：不同浏览器对onunload事件支持不同。

如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？”。

运行结果：（IE浏览器）

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸载事件 </title>
<script type="text/javascript">   
     window.onunload = onunload_message;   
     function onunload_message(){   
        alert("您确定离开该网页吗？");   
    }   
</script>   
</head>
<body>
  欢迎学习JavaScript。
</body>
</html>