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 相关文章推荐
不错的asp中显示新闻的功能
Oct 13 Javascript
收藏Javascript中常用的55个经典技巧
Aug 12 Javascript
js导出格式化的excel 实例方法
Jul 17 Javascript
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
js保留两位小数方法总结
Jan 31 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 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安装全攻略:APACHE
2006/10/09 PHP
PHP中一个控制字符串输出的函数
2006/10/09 PHP
基于PHP读取csv文件内容的详解
2013/06/18 PHP
PHP分页类集锦
2014/11/18 PHP
thinkPHP模板中for循环与switch语句用法示例
2016/11/30 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
2017/05/09 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
cordova入门基础教程及使用中遇到的一些问题总结
2017/11/14 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
2018/03/22 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
Vue中控制v-for循环次数的实现方法
2018/09/26 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
Python中的闭包详细介绍和实例
2014/11/21 Python
python中map()函数的使用方法示例
2017/09/29 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
简单了解为什么python函数后有多个括号
2019/12/19 Python
Python常用模块sys,os,time,random功能与用法实例分析
2020/01/07 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
Python3.7.0 Shell添加清屏快捷键的实现示例
2020/03/23 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
Python实现数字的格式化输出
2020/08/01 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
如何用canvas实现在线签名的示例代码
2018/07/10 HTML / CSS
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
班组长工作职责
2013/12/25 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
领导视察通讯稿
2015/07/18 职场文书
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL