window.onbeforeunload window.onunload

 window.onbeforeunload=function()
 {
    return "你确定要退出本系统吗？";
 }
 
 window.onunload=function(){
    if(PL && PL.sessionId){
        Ext.Ajax.request({
                    url : '../message.do?method=logout',
                    method : 'POST',
                    params : {
                      sessionId:  PL.sessionId
                    }
                });
       
    }
 }

 

 

 

onbeforeunload事件在页面document对象发生变化的时候触发：包括刷新，关闭，前进，后退，主页这些按钮，js修改location.href，还有document.open之类的改变document对象的行为。而且可以让用户自己选择是否保持原页面不变化
unload是以onfeforeunload事件之后，且onbeforeunload返回的应该是true才可能触发unload事件

 

事实真的是我们想象的那样吗

<a href="javascript:;">点我一下</a>
<a href="javascript:alert('test');">点我一下</a>
<a href="###" onclick="alert('test');">点我一下</a>
<script type="text/javascript">//<![CDATA[

window.onbeforeunload = function(e){
  return 'leave or stay';
}
window.onunload = function(){
  alert('onunload');
}
//]]></script>

 

 

IE运行完之后，请打开firefox，运行上面的面例子。可以简单得到结论：IE里，只要在a标签里锚点除外，都会触发onbeforeunload事件。不符合前边我们说到更改location.href会触发onbeforeunload事件的条件。

但没有执行unload事件  只有在刷新页面的时候才会执行onload事件
firefox的话就是正确的结果了，在本例中firefox只有在离开页面时才触发这两个事件。

从这个例子可以得到些教训，不要在onbeforeunload写销毁对象的handler。