Onunload与Onbeforeunload的应用与区别

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>

Onunload与Onbeforeunload的应用与区别相关推荐

onload、onunload、onbeforeunload的区别
在做项目时经常会频繁的打开和关闭页面,如果页面中有需要编辑的内容,这时如果直接关闭,显得不是很友好,那有什么办法避免这种情况发生吗,其实原生的js已经为我们提供现成的方法onbeforeunload, ...
onload、onunload 和 onbeforeunload的区别
window.onload事件设置页面加载时执行的动作,即进入页面的时候执行的动作. window.onunload已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用一般用于设置当离 ...
离开页面触发事件onunload、onbeforeunload区别
onunload和onbeforeunload两个事件都是在执行页面刷新.关闭.浏览器关闭时能触发, 不过在访问服务器读取新的页面时执行顺序有所不同,并且onunload无法阻止页面的关闭与刷新,o ...
Onunload与Onbeforeunload
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于on ...
Onunload，onbeforeunload作用，调用时机
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在 ...
onunload、onbeforeunload事件详解
最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成 ...
onunload、onbeforeunload事件详解--zhuan
最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成 ...
html5 关闭窗口事件,web窗口关闭事件之onunload、onbeforeunload事件详解
最近用到一个问题,当修改一篇内容时需要把此内容锁定,提交修改后解除锁定.那么问题出现了,当用户点了修改但未提交直接关掉窗口,那么此条信息一直处理锁定状态导致其他人员没办法修改. 在这里用到的是 onb ...
js中unload什么意思_JS之onunload、onbeforeunload事件详解
简介 onunload,onbeforeunload都是在刷新或关闭时调用,可以在 onbeforeunload 是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器 ...

Onunload与Onbeforeunload的应用与区别

Onunload与Onbeforeunload的应用与区别相关推荐

最新文章

热门文章