onbeforeunload与onunload事件异同点总结


Posted in Javascript onJune 24, 2013

1)异同点
相同点:onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。
不同点:
a)onbeforeunload在onunload之前执行 ,它还可以阻止onunload的执行。
b)onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;nunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用 。
c)onbeforeunload是可以阻止页面的更新和关闭的。但是onunload不能。
onload、onbeforeunload、onunload事件的执行顺序:
打开页面时:只执行onload
关闭页面时:先onbeforeunload,后onunload
刷新页面时:先onbeforeunload,后onunload,再onload

2)onbeforeunload、onunload事件
触发于:
a)关闭浏览器窗口
b)通过地址栏或收藏夹前往其他页面的时候
c)点击返回,前进,刷新,主页其中一个的时候
d)点击 一个前往其他页面的url连接的时候
e)调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
f)当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
g)重新赋予location.href的值的时候。
h)通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素:
BODY, FRAMESET, window
浏览器支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

3)解决刷新页面时不调用onbeforeunload

4)onbeforeunload阻止页面的更新和关闭
onbeforeunload="return '是否现在离开此页面';">

Javascript 相关文章推荐
jquery foreach使用示例
Sep 12 Javascript
jquery根据name属性查找的小例子
Nov 21 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 Javascript
jQuery实现键盘回车搜索功能
Jul 25 jQuery
浅谈vuex 闲置状态重置方案
Jan 04 Javascript
vue中slot(插槽)的介绍与使用
Nov 12 Javascript
angular学习之动态创建表单的方法
Dec 07 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 #Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 #Javascript
JS实现的省份级联实例代码
Jun 24 #Javascript
javascript中的绑定与解绑函数应用示例
Jun 24 #Javascript
用jquery生成二级菜单的实例代码
Jun 24 #Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 #Javascript
jquery中的事件处理详细介绍
Jun 24 #Javascript
You might like
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
laravel 去掉index.php伪静态的操作方法
2019/10/12 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
Javascript Tab 导航插件 (23个)
2009/06/11 Javascript
javascript权威指南 学习笔记之null和undefined
2011/09/25 Javascript
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
超精准的javascript验证身份证号的具体实现方法
2015/11/18 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
详细介绍Ruby中的正则表达式
2015/04/10 Python
在Python中处理XML的教程
2015/04/29 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
python中pip的使用和修改下载源的方法
2019/07/08 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
Django nginx配置实现过程详解
2020/09/10 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
党员批评与自我批评
2014/02/12 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
大学生就业协议书范本(适用于公司企业)
2014/10/07 职场文书
病人慰问信范文
2015/02/15 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书
革命电影观后感
2015/06/18 职场文书
2015年高三教学工作总结
2015/07/21 职场文书
创业计划书之花店
2019/09/20 职场文书
idea 在springboot中使用lombok插件的方法
2021/08/02 Java/Android
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技
Vue监视数据的原理详解
2022/02/24 Vue.js