卸载事件（onunload），JavaScript进阶篇教程-慕课网

6-10 卸载事件（onunload）

本节编程练习不计算学习进度，请电脑登录imooc.com操作

卸载事件（onunload）

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

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

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

运行结果：（IE浏览器）

任务

由于浏览器不同及演示局限性，此节没有任务，大家可以拷贝代码，在本机上演示。

index.html

<!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>