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. 科学家从脑电图中解读大脑的运动意图
  2. 学习笔记Flink(四)—— Flink基础API及核心数据结构
  3. Python 标准库 —— uuid(生成唯一 ID)
  4. springMVC 统一异常处理异常处理类的使用
  5. 常用 SQL Server 规范集锦
  6. 将原生SQL功能Hibernate到您的Spring Data Repository中
  7. LeetCode 27.移除元素
  8. 什么是一致性Hash算法?
  9. 一台微型计算机的处理速度主要取决于,2017年答案计算机等级考试题库「附答案」...
  10. java文件名的编码格式_java下载文件名乱码解决方法详解
  11. (35)System Verilog类静态变量详解
  12. linux bitcoind环境搭建,bitcoin_book_2nd
  13. Oracle 隐含参数的查询
  14. Java Class的文件结构
  15. 二次规划与非线性规划及matlab应用
  16. 手机html送礼,送给家中“老顽童”的好礼物!这些手机的远程功能你会用嘛?...
  17. NS,DNS和A记录 之间关系
  18. 纠错码 - 海明码/汉明码
  19. SAP 金额转换成大写
  20. vue在vscode代码格式化

热门文章

  1. unity实现抽奖刮刮乐效果
  2. MapReduce的几个企业级经典面试案例
  3. Python 读写word
  4. 计算机专业班级口号霸气顺口,史上最牛班级口号
  5. springboot解决csrf
  6. qml Loader使用
  7. Linux小小白入门教程(八):阅读文本命令
  8. SQL Server数据库的T-SQL高级查询
  9. oracle中sql%rowcount的作用
  10. 常见的几种数据加密算法