<!DOCTYPE html>
<html>
<head>
<title>04-UI事件</title>
<meta charset="utf-8">
<style type="text/css">
p{
padding: 50px;
}
#d0{background-color: gray; margin: 20px auto;}
#d1{background-color: green;}
#d2{background-color: skyblue;}
</style>
<script type="text/javascript">
window.onunload = function () {
alert('unload');
};
window.onresize = function () {
console.log('resized');
};
window.onscroll = function () {
console.log('scroll');
};
</script>
</head>
<body>
<p id="d0">
<p id="d1">
<input type="button" value="点击一下">
<a href="http://www.baidu.com">百度一下</a>
<input type="button" value="再点击一下">
</p>
</p>
</body>
</html>
因为onunload兼容性不好。
IE6,IE7,IE8中刷新页面、关闭浏览器之后、页面跳转之后都会执行;
IE9刷新页面会执行,页面跳转、关闭浏览器不能执行;
firefox(包括firefox3.6)关闭标签之后、页面跳转之后、刷新页面之后能执行,但关闭浏览器不能执行;
Safari刷新页面、页面跳转之后会执行,但关闭浏览器不能执行;
Opera、Chrome任何情况都不执行。