同步:http://www.java1995.cn/blog/item/138
在在离开页面时提示用户
文章中讲了使用
onbeforeunload来提示用户离开页面。
但最近在页面离开时,要使用JS调用AS,使用onunload发现在刷新的时候,是成
功的,但关闭没有发出请求。
换成了onbeforeunload却成功了。现在再次看下两者的区别
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过
window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload
之前执行,它还可以阻止onunload的执行。
Onbeforeunload也是在页面刷新或关闭时调
用,On
beforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而on
unload则已经从服务器上读到了
需要加载的新的页面
,在即将替换掉当前页面时调用。On
unload
是无法阻止页面的更新和关闭的
。而 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>
分享到:
相关推荐
javascript Onunload与Onbeforeunload使用小结.docx
NULL 博文链接:https://primarykeylw.iteye.com/blog/1568120
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
NULL 博文链接:https://liuzidong.iteye.com/blog/730771
区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从...
百度之,有onbeforeunload与onunload这两个事件,但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的,所以想在这里做一个小小的总结 onbeforeunload与onunload事件 onbeforeunload定义和用法 ...
1)异同点 相同点:onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在<body>里指定。 不同点: a)onbeforeunload在onunload之前执行 ,它还可以阻止onunload的...
运用onunload事件判断浏览器是刷新还是关闭窗口 兼容firefox5及其他浏览器
//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 //页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;...
标签只有onload\onunload\onbeforeunload事件,而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢? 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先...
获得用户登陆状态不用说...BODY onbeforeunload=”body_onUnload()”> [removed] [removed] = function() { if (window.event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey) { alert(“浏
一、避免弹出提示框 在网上搜了很多,答案大都是设置[removed]=null ,但是试用之后无效。 这个问题放了两天之后返回来再次想,终于找到...(1)window的onunload和onbeforeunload事件 以下是指在js中实现,而非 <bod
这里就给大家讲讲javascript的onbeforeunload()和onunload()两个事件。 相同点: 两者都是在对页面的关闭或刷新事件作个操作。 不同点: unbeforeunload()事件执行的顺序在onunload()事件之前发生。(因为,...
* onBeforeUnload:当前页面的内容将要被改变时触发的事件 * onError:捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 * onLoad:页面内空完成传送到浏览器时触发的事件,包括外部文件引入...
这里面的实现过程很简单,利用了HTML DOM事件中的onunload和onbeforeunload方法。 unload 事件属性 定义:当用户卸载文档时执行一段 JavaScript,例如: // body<body onunload="goodbye()"> //window...
在做Web开发时,我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发;但若用户选择了取消,又该如何检测呢? 我们...
汇总了html5中所有事件属性HTML 5 中的新事件属性:onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, ...