怎样使用户决定是否离开当前页面？

在许多网站上看到这样的一个效果：
就是在用户离开或者关闭当前页面时，会弹出一个确认对话框，
当用户确认离开时，点击确定则关闭当前页面，
如果说用户是误操作，不愿离开当前页面，点击取消
则继续留在当前页面。
请问这样的效果如何实现？
说一说原理也行！谢谢了！！！

解决方案 »

  1.   

    window.onbeforeunload = function (){
    return "xxxx";
    }
      

  2.   

    window.onbeforeunload = function (){ 
        if(confirm("确认关闭该窗口？")) {
            window.close();
        }
    }
      

  3.   

    window.onbeforeunload = function (){ 
        if(confirm("确认关闭该窗口？")) { 
            window.close(); 
        } 
    }
    可以实现
      

  4.   

    好像对于包含状态栏的窗口，当用js关闭时都会弹出对话框确认的（至少IE是这样）
      

  5.   


    <script>
    function kingwolf(e){
    //这个函数里的任何confirm()、return false一类的努力都是徒劳的
      e=e||window.event;
      e.returnValue="离开本页面吗？"//只有这句有用
    }
    </script>
    <body onbeforeunload="kingwolf(event);"></body>