Onunload与Onbeforeunload

原创 2007年09月23日 12:27:00
  Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。

    Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:
<body onbeforeunload=" checkLeave()">
<script>
function checkLeave(){
    event.returnValue
="确定放弃考试?(考试作废,不记录成绩)";
}
</script>
这样可以让用户确认是否要退出考场,其实BLOGJAVA在用户编写BLOG时,如果不保存而跳转到其他页面,也会有一个确认的提示(防止误操作),也是用到Onbeforeunload。

   另外还可以用来在页面关闭的时候关闭session,代码如下(注:用window.screenLeft > 10000 来区分关闭和刷新操作):
<body onbeforeunload=" closeSession()">
<script>
function closeSession (){
    
//关闭(刷新的时候不关闭Session)
    if(window.screenLeft>10000){
       
//关闭Session的操作(可以运用AJAX)
    }
}
</script> 
 

相关文章推荐

JS监听关闭浏览器事件之Onunload与Onbeforeunload

Onunload与Onbeforeunload  Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于...

黑马程序员之JAVASCRIPT学习笔记:onunload 和 onbeforeunload的区别

onbeforeunload与onunload事件 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过 window.onunload来指定或者在里指定。区别在于o...

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,...

onunload、onbeforeunload事件兼容问题详解

最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成...
  • lisai17
  • lisai17
  • 2015年09月21日 09:49
  • 2255

获取页面离开onbeforeunload与onunload事件的返回值

转自:http://www.cssha.com/?p=209         在各种项目开发的过程中,页面离开事件onbeforeunload是我们经常要用到的,可以避免用户操作失误,给用户一个...
  • jqrsdsy
  • jqrsdsy
  • 2012年10月11日 13:46
  • 9132

Onload,Onunload和onbeforeunload方法的异同

声明:网上收集  Onload,Onunload和onbeforeunload方法的异同  一 二种方法比较  1 onload的意思是当页面加载完毕的时候执行.  2 相同点:Onunloa...

离开页面的判断:window.Onunload与window.onbeforeunload的区别

原地址:http://www.luwei.net.cn/view/ad1d36d9d89e90ac32d2ee06 Onunload,onbeforeunload都是在刷新或关闭时调...

onbeforeunload与onunload事件

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,...

onunload与onbeforeunload事件解析

注:只测试了chrome和IE浏览器的表现情况onunload事件//JS Document window.onunload = onunload_message; func...
  • yookoh
  • yookoh
  • 2017年04月10日 09:46
  • 177

Onbeforeunload和onunload的深入交流分析(2012.08.23)

这两天的工作一直围绕着onbeforeunload和onunload在IE、火狐、Chrome的兼容性进行处理。但是仍然没有很多好的进展,我将该分析发到博客上和大家一起分享交流,希望能够得到大家的指导...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Onunload与Onbeforeunload
举报原因:
原因补充:

(最多只允许输入30个字)