同步: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>
分享到:
相关推荐
以上就是关于JS监听关闭浏览器事件的“onunload”与“onbeforeunload”的详细解析。通过理解和正确使用这两个事件,我们可以更好地控制页面的生命周期,提升用户体验,同时确保数据的完整性和应用的稳定性。
### JavaScript中的`onunload`与`onbeforeunload`事件详解 #### 一、概述 在JavaScript中,`onunload`和`onbeforeunload`是非常重要的两个事件,它们主要用于监听浏览器窗口关闭或者页面刷新的情况。这两种事件的...
在JavaScript的世界里,事件处理是网页交互的核心,而`onload`、`onunload`以及`onbeforeunload`就是三个与页面生命周期紧密相关的事件。理解它们的异同对于优化网页性能和提供更好的用户体验至关重要。 首先,`...
JavaScript中的`onunload`和`onbeforeunload`是两个与页面生命周期紧密相关的事件处理函数,它们主要用于在用户离开页面(例如,关闭浏览器窗口、点击刷新按钮或者导航到其他页面)时执行某些操作。这两个事件可以...
百度之,有onbeforeunload与onunload这两个事件,但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的,所以想在这里做一个小小的总结 onbeforeunload与onunload事件 onbeforeunload定义和用法 ...
区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从...
onunload 事件判断浏览器是刷新还是关闭窗口 在浏览器中,我们经常需要判断浏览器是刷新还是关闭窗口,以便执行相应的操作。onunload 事件可以帮助我们实现这个功能。当浏览器退出时会触发 onunload 事件,因此我们...
//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 //页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;...
在JavaScript中,`onbeforeunload` 和 `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(“浏
* 使用onunload事件和onbeforeunload事件来处理Session信息的清理 * 使用Asp.Net框架来实现Web注销功能 * 使用Default.aspx页面和main.htm页面来引导用户退出应用系统 * 使用logout.aspx页面来专门负责注销功能 * ...
与`onbeforeunload`不同,`onunload`事件是在页面已经被卸载之后触发的,这意味着此时已经没有机会阻止用户离开页面了。因此,`onunload`事件更适用于清理工作,如释放资源、清除定时器等。 ##### 示例代码分析: `...
这个方法同时使用`onbeforeunload`和`onunload`事件,`onbeforeunload`用于提示,而`onunload`在页面实际卸载时执行。 3. 方式三:适用于IE和Firefox,不区分刷新和关闭,最简单形式 ```javascript window....
在网页中,刷新页面与关闭窗口虽然都会触发 `onunload` 事件,但我们可以通过监听其他事件来区分这两种情况。 1. **监听 `onbeforeunload` 事件** `onbeforeunload` 事件在 `onunload` 之前触发,并且可以被用来...
onload事件是在页面加载完成后触发的,onbeforeunload事件是在页面关闭前触发的,onunload事件是在页面关闭后触发的。 知识点3: 网页缓存清除 网页缓存清除是指清除浏览器中的缓存,以便重新加载网页。清除缓存...