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 相关文章推荐
AJAX架构之Dojo篇
Apr 10 Javascript
jQuery中(function(){})()执行顺序的理解
Mar 05 Javascript
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
使用jQuery制作基础的Web图片轮播效果
Apr 22 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
详解node nvm进行node多版本管理
Oct 21 Javascript
使用JavaScript中的lodash编写双色球效果
Jun 24 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
JavaScript原始值与包装对象的详细介绍
May 11 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
ip签名探针
2006/10/09 PHP
通过PHP CLI实现简单的数据库实时监控调度
2009/07/01 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
JavaScript设计模式开发中组合模式的使用教程
2016/05/18 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
CentOS中升级Python版本的方法详解
2017/07/10 Python
python3.x上post发送json数据
2018/03/04 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
Python适配器模式代码实现解析
2019/08/02 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
意大利自行车商店:Cingolani Bike Shop
2019/09/03 全球购物
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
内容编辑个人求职信
2013/12/10 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
入党函调证明材料
2015/06/19 职场文书
婚礼家长致辞
2015/07/27 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
Mysql基础之常见函数
2021/04/22 MySQL
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python