`

Onunload与Onbeforeunload事件区别

阅读更多

同步: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>

 

0
0
分享到:
评论

相关推荐

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

    以上就是关于JS监听关闭浏览器事件的“onunload”与“onbeforeunload”的详细解析。通过理解和正确使用这两个事件,我们可以更好地控制页面的生命周期,提升用户体验,同时确保数据的完整性和应用的稳定性。

    javascript Onunload与Onbeforeunload使用小结.docx

    ### JavaScript中的`onunload`与`onbeforeunload`事件详解 #### 一、概述 在JavaScript中,`onunload`和`onbeforeunload`是非常重要的两个事件,它们主要用于监听浏览器窗口关闭或者页面刷新的情况。这两种事件的...

    Onload,Onunload和onbeforeunload方法的异同

    在JavaScript的世界里,事件处理是网页交互的核心,而`onload`、`onunload`以及`onbeforeunload`就是三个与页面生命周期紧密相关的事件。理解它们的异同对于优化网页性能和提供更好的用户体验至关重要。 首先,`...

    javascript Onunload与Onbeforeunload使用小结

    JavaScript中的`onunload`和`onbeforeunload`是两个与页面生命周期紧密相关的事件处理函数,它们主要用于在用户离开页面(例如,关闭浏览器窗口、点击刷新按钮或者导航到其他页面)时执行某些操作。这两个事件可以...

    浅谈javascript中onbeforeunload与onunload事件

    百度之,有onbeforeunload与onunload这两个事件,但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的,所以想在这里做一个小小的总结 onbeforeunload与onunload事件 onbeforeunload定义和用法 ...

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

    区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从...

    onunload事件判断浏览器是刷新还是关闭窗口

    onunload 事件判断浏览器是刷新还是关闭窗口 在浏览器中,我们经常需要判断浏览器是刷新还是关闭窗口,以便执行相应的操作。onunload 事件可以帮助我们实现这个功能。当浏览器退出时会触发 onunload 事件,因此我们...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    //页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 //页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;...

    onbeforeunload与onunload事件异同点总结

    在JavaScript中,`onbeforeunload` 和 `onunload` 是两个重要的页面生命周期事件,它们用于在用户离开网页或页面更新时触发相应的处理程序。本文将详细介绍这两个事件的异同点,以及它们在实际应用中的使用场景和...

    判断页面是关闭还是刷新的js代码

    标签只有onload\onunload\onbeforeunload事件,而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢?   页面加载时只执行onload  页面关闭时只执行onunload  页面刷新时先...

    判断用户的在线状态 onbeforeunload事件

    获得用户登陆状态不用说...BODY onbeforeunload=”body_onUnload()”&gt; [removed] [removed] = function() { if (window.event.clientX&gt;document.body.clientWidth&&event.clientY&lt;0||event.altKey) { alert(“浏

    基于Asp.Net的Web注销功能的实现.pdf

    * 使用onunload事件和onbeforeunload事件来处理Session信息的清理 * 使用Asp.Net框架来实现Web注销功能 * 使用Default.aspx页面和main.htm页面来引导用户退出应用系统 * 使用logout.aspx页面来专门负责注销功能 * ...

    JS监听关闭浏览器事件

    与`onbeforeunload`不同,`onunload`事件是在页面已经被卸载之后触发的,这意味着此时已经没有机会阻止用户离开页面了。因此,`onunload`事件更适用于清理工作,如释放资源、清除定时器等。 ##### 示例代码分析: `...

    JS针对浏览器窗口关闭事件的监听方法集锦

    这个方法同时使用`onbeforeunload`和`onunload`事件,`onbeforeunload`用于提示,而`onunload`在页面实际卸载时执行。 3. 方式三:适用于IE和Firefox,不区分刷新和关闭,最简单形式 ```javascript window....

    判断浏览器是刷新还是关闭窗口

    在网页中,刷新页面与关闭窗口虽然都会触发 `onunload` 事件,但我们可以通过监听其他事件来区分这两种情况。 1. **监听 `onbeforeunload` 事件** `onbeforeunload` 事件在 `onunload` 之前触发,并且可以被用来...

    网页缓存清除及页面刷新与关闭.doc

    onload事件是在页面加载完成后触发的,onbeforeunload事件是在页面关闭前触发的,onunload事件是在页面关闭后触发的。 知识点3: 网页缓存清除 网页缓存清除是指清除浏览器中的缓存,以便重新加载网页。清除缓存...

Global site tag (gtag.js) - Google Analytics