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 相关文章推荐
Javascript学习笔记二 之 变量
Dec 15 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
Extjs单独定义各组件的实例代码
Jun 25 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
node.js中的fs.readdirSync方法使用说明
Dec 17 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
angular多语言配置详解
May 16 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
Taro小程序自定义顶部导航栏功能的实现
Dec 17 Javascript
vue如何实现关闭对话框后刷新列表
Apr 08 Vue.js
控制页面按钮在后台执行期间不重复提交的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 Token(令牌)设计
2008/03/15 PHP
PHP-redis中文文档介绍
2013/02/07 PHP
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
jQuery入门知识简介
2010/03/04 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
如何在MVC应用程序中使用Jquery
2014/11/17 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
2016/05/31 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
浅谈js script标签中的预解析
2016/12/30 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
2017/03/08 Javascript
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
2018/09/27 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
分享一个简单的python读写文件脚本
2017/11/25 Python
对python自动生成接口测试的示例讲解
2018/11/30 Python
PyQt5中多线程模块QThread使用方法的实现
2020/01/31 Python
Python面向对象程序设计之类和对象、实例变量、类变量用法分析
2020/03/23 Python
Python 实现一个简单的web服务器
2021/01/03 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
资深生产主管自我评价
2013/09/22 职场文书
大学生入党思想汇报
2014/01/14 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS