`
haokong
  • 浏览: 15169 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

Onbeforeunload onunload

阅读更多

Onunload,onbeforeunload都是在刷新,关闭或者在进行下一步(上一步)时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。

区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。

Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;

而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。

Onunload是无法阻止页面的更新和关闭的, 而Onbeforeunload 可以做到。

bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" onbeforeunload=" checkLeave()"> 另外还可以用来在页面关闭的时候关闭session,代码如下(注:用window.screenLeft > 10000 来区分关闭和刷新操作):

<bodyonbeforeunload="closeSession()">

   <script>

         functioncloseSession(){

             //关闭(刷新的时候不关闭Session)

             if(window.screenLeft>10000){

                 //关闭Session的操作(可以运用AJAX)

              }

          }

   </script>

以下是实现代码:

 <script>

     var win = null;

         function doEdit(itemName, maxLength) {

            if (win != null && win.open){ 

                 win.close();

             }

           win = window.open(appName,"height=530,width=680,status=no,toolbar=no,menubar=no,location=yes");

         }

         function checkLeave(){

               if (win != null && win.open){

                   win.close();

               }

         }

 <\script>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" onbeforeunload="checkLeave()">

//----------

<\body>

分享到:
评论

相关推荐

    浅谈javascript中onbeforeunload与onunload事件

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

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

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在&lt;body&gt;里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload...

    javascript Onunload与Onbeforeunload使用小结.docx

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

    onbeforeunload与onunload事件异同点总结

    在JavaScript中,`onbeforeunload` 和 `onunload` 是两个重要的页面生命周期事件,它们用于处理用户离开页面的情况。这两个事件在处理用户交互和页面状态的监控方面具有关键作用。 **1) 异同点** **相同点**: - ...

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

    本文将深入探讨两个关键的JavaScript事件:“onunload”和“onbeforeunload”,以及它们在实际应用中的差异和使用方法。 ### 一、`onbeforeunload`事件 `onbeforeunload`事件在页面即将卸载时触发,即当用户尝试...

    Onload,Onunload和onbeforeunload方法的异同

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

    javascript Onunload与Onbeforeunload使用小结

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

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

    页面刷新时先执行onbeforeunload,然后onunload,最后onload。 经过验证我得出的结论是: //对于ie,谷歌,360: //页面加载时只执行onload //页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面...

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

    window.onbeforeunload = function() { var n = window.event.screenX - window.screenLeft; var b = n &gt; document.documentElement.scrollWidth-20; if(b && window.event.clientY || window.event.altKey) { ...

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

    在这个过程中,浏览器会触发多个事件,包括onload、onbeforeunload和onunload事件。onload事件是在页面加载完成后触发的,onbeforeunload事件是在页面关闭前触发的,onunload事件是在页面关闭后触发的。 知识点3: ...

    JS监听关闭浏览器事件

    这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `onbeforeunload`事件 `onbeforeunload`事件是在用户尝试关闭窗口、标签页或者刷新页面时触发的。这是一个非常有用的事件,因为它允许...

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

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

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

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

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

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

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload,onunload,window.addEventListener(‘pagehide‘, () => {}手机浏览器不生效

    捕捉IE关闭按钮事件

    然而,IE浏览器提供了一个特有(非标准)的API,名为`onbeforeunload`和`onunload`事件,使得开发者有机会在页面即将关闭时触发某些操作。 1. **`onbeforeunload`事件**:当浏览器窗口准备关闭时,如用户点击关闭...

Global site tag (gtag.js) - Google Analytics