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架构javascript基础体系
Jan 01 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
Mvc提交表单的四种方法全程详解
Aug 10 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
javascript网页随机点名实现过程解析
Oct 15 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
详解Vue Cli浏览器兼容性实践
Jun 08 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 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
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
PHP 无限分类三种方式 非函数的递归调用!
2011/08/26 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
2007/02/09 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
JavaScript中json使用自己总结
2013/08/13 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
javascript的事件触发器介绍的实现
2014/06/05 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
2014/08/15 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
javascript控制台详解
2015/06/25 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
微信小程序 location API接口详解及实例代码
2016/10/12 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
vue.js父子组件通信动态绑定的实例
2018/09/28 Javascript
JavaScript实现与使用发布/订阅模式详解
2019/01/19 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
JS实现图片切换特效
2019/12/23 Javascript
Vue与React的区别和优势对比
2020/12/18 Vue.js
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python列表切片用法示例
2017/04/19 Python
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
2019/06/19 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
《鹬蚌相争》教学反思
2014/04/22 职场文书
广播体操口号
2014/06/18 职场文书
世界读书日的活动方案
2014/08/20 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
办公室主任岗位职责
2015/01/31 职场文书
2015年妇委会工作总结
2015/05/22 职场文书