search

Home  >  Q&A  >  body text

javascript - 怎样才能使代码中的onunload事件的alert输出来？改了几次都出不来。但是打断点是能跳入事件中的。

<!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>
巴扎黑巴扎黑2790 days ago429

reply all(1)I'll reply

  • 高洛峰

    高洛峰2017-04-11 13:26:31

    因为onunload兼容性不好。

    IE6，IE7，IE8中刷新页面、关闭浏览器之后、页面跳转之后都会执行；

    IE9刷新页面会执行，页面跳转、关闭浏览器不能执行；

    firefox(包括firefox3.6)关闭标签之后、页面跳转之后、刷新页面之后能执行，但关闭浏览器不能执行；

    Safari刷新页面、页面跳转之后会执行，但关闭浏览器不能执行；

    Opera、Chrome任何情况都不执行。

    reply
    0
  • Cancelreply