onunload,onbeforeunload事件的使用实例

alwarse

浏览: 78913 次
性别:
来自: 南京

最近访客更多访客>>

孤独的战神

xuxq126

firefly1314

zhangnnyyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

onunload,onbeforeunload这两个事件基本相似都遵循这样的准则：



//他们的区别我想可能就是对事件加返回值的时候吧，onbeforeunload会弹出判断框而onunload则不会。

1、unload的使用例子：

　　<html xmlns="http://www.w3.org/1999/xhtml">
　　　<head>
　　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
　　　<title>onunload测试</title>
　　　<script>
　　　function checkLeave(){
     　　　　alert("欢迎下次再来！");
   /*if(event.clientX>document.body.clientWidth)
   {
   alert('浏览器关闭');
   }*/
　　　}
　　　</script>
　　　</head>
　　　<body onunload="checkLeave()">
　　　<a href="#" onclick="alert('aa')">aa</a>
　　　</body>
　　　</html>

2、onbeforeunload的使用例子：

<html>
<head>
<title>onunload..</title>
</head>
<body /*onunload="if(confirm('你确定要离开本页?')){return 'aa'}else{return 'bb'}"*/>
<script>/*onload=alert("正在加载页面,请等待...")*/</script>
<script type="text/javascript">

document.body.onbeforeunload=function(){
/*if(confirm('你确定要离开本页?')){
   return true;
}else{
   return false;
} */
           /*if(event.returnValue == false)
            {
       alert('没有返回值');
               } */
//如果在刷新的时候不想弹出对话框,可以这样写
   if(event.clientX>document.body.clientWidth) //条件相当于点叉的时候
   {
   alert('浏览器关闭');
   }
   else
   {
   alert('浏览器刷新');}

   /*
              if (event.clientX > document.body.clientWidth - 50 && event.clientY<0||event.altKey)
               {
//在 .CS文件中对应了一个方法，更改在线状态的
                // <%=exitLogin()%>;

               }
               else
               {
                  alert("刷新或者跳转到其他页");
               }
   */

   //return "您确定要离开这个页面吗（文字提示）"; 当有返回值的时候此方法onbeforeunload会自动弹出确定是否关闭对话框
   //event.returnValue="确定离开当前页面吗？"; 同return
}

</script>
</body>
</html>
http://hi.baidu.com/sch362017466/blog/item/eee0eecf9db54333b600c819.html

分享到：