Onunload,onbeforeunload都是在刷新或关闭时调用,可以在

Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。

页面加载时只执行onload

页面关闭时先执行onbeforeunload,最后onunload

页面刷新时先执行onbeforeunload,然后onunload,最后onload。

1、onbeforeunload事件:

说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法:

·object.onbeforeunload = handler

·

描述:

事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。

触发于:

·关闭浏览器窗口

·通过地址栏或收藏夹前往其他页面的时候

·点击返回,前进,刷新,主页其中一个的时候

·点击 一个前往其他页面的url连接的时候

·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.

·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。

·重新赋予location.href的值的时候。

·通过input type=”submit”按钮提交一个具有指定action的表单的时候。

可以用在以下元素:

·BODY, FRAMESET, window

平台支持:

IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

示例:

onbeforeunload测试

function checkLeave(){

event.returnValue="确定离开当前页面吗?";

}

onbeforeunload不触发_用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)相关推荐

  1. js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法

    js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件 window.onblur = function(e) { //you code }; 弹 ...

  2. js在页面刷新或关闭之前对后台发送请求

    最近项目需求:记录用户在当前页面停留的时间 这里用到了window的自带api:beforeunload window.addEventListener('beforeunload', functio ...

  3. html判断是否在页面,js判断页面关闭

    JavaScript判断某个页面是否已经关闭 var N=document.getElementById(your_submit_Id); var flag=0; N.attachEvent(&quo ...

  4. vue跳转下个页面关闭当前页面_如何机智判断页面是刷新还是关闭,背景:vue项目,需求:关闭页面,下次直接跳到登陆页...

    最近项目有这么个需求:要在关闭当前系统的窗口的时候,退出登录, 因为如果不退出登录可能存在安全风险,其实我想说,电脑没事别借给别人活着离开工位记得一定要锁屏,其实我们设置了cookie失效时间的,过了 ...

  5. java 判断页面刷新_如何判断一个网页是刷新还是关闭的方法

    页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload.这样我们可以在onbeforeunload中加一个 ...

  6. JS判断页面加载完毕

    //JS判断页面加载完毕,再隐藏加载效果层,一个简单的JS加载效果.document.onreadystatechange = function () {if (document.readyState ...

  7. JS判断页面控件是否可用

    JS判断页面控件是否可用[原创] 2009-12-08 16:27 如果你看到这篇文章,甚至目前正愁于该问题的困扰,希望你把这篇文章看完.至少下次不会在这个问题上浪费时间. 近期做的项目中涉及到页面控 ...

  8. html js 如何判断页面是第一次访问还是重复刷新访问,使用JS判断页面是首次被加载还是刷新...

    1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加 ...

  9. JS判断页面是否被iframe嵌套

    1.判断页面是否被iframe有三种方法 //方式一 if (self.frameElement && self.frameElement.tagName == "IFRAM ...

最新文章

  1. 电脑安装python步骤-python3.8下载及安装步骤详解
  2. Robot Perception for Indoor Navigation《室内导航中的机器人感知》
  3. LinkedHashMap的使用
  4. Android 触摸手势基础 官方文档概览
  5. 从 0 到 1,看我玩弄千万日志于股掌
  6. 【2019.09.14】2019icpc沈阳网络赛
  7. 绝地求生进游戏显示服务器未正常运行,绝地求生BE服务器未正常运行怎么办 BE服务器未运行解决方法...
  8. [九省联考2018]秘密袭击coat
  9. SQL PASS西雅图之行——会议篇
  10. monkey操作,获取包名,参数,日志,百分比
  11. 定义接口.定义接口成员
  12. 面向过程的结构化程序设计分三种基本结构
  13. 永中office linux卸载,永中office2012forLinux的安装卸载
  14. MacBook safari一直闪退打不开,提示意外退出也重新启动不了
  15. “安心记加班”完成亿元级B轮融资,蚂蚁金服领投
  16. 关于站群的教程,迷途知返不晚
  17. 高血糖的饮食注意事项
  18. 《安士全书》原文及白话版
  19. CSS中的z-index属性的使用
  20. 使用python来嗅探局域网内的QQ号码

热门文章

  1. 狂神springcloud速补笔记6
  2. C语言,课程管理系统
  3. Github Desktop出现Authentication failed错误的解决方法
  4. 如何打开heic文件 为什么电脑打不开heic
  5. (简单)华为Nova3 PAR-AL00的USB调试模式在哪里开启的步骤
  6. 下单接口剥离秒杀和拼团逻辑
  7. 亚马逊跨境跟卖快速出单的技巧
  8. 浩易南:线下手机销售维修店O2O思路
  9. 《趣谈网络协议》(刘超老师)读后笔记记录 001
  10. 什么是虚拟内存?服务器虚拟内存怎么设置最好?