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 相关文章推荐
原生js ActiveXObject获取execl里面的值
Nov 01 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
js的对象与函数详解
Jan 21 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
May 01 Javascript
JS控制下拉列表左右选择实例代码
May 08 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和ACCESS写聊天室(六)
2006/10/09 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
php cookie名使用点号(句号)会被转换
2014/10/23 PHP
php文件上传的两种实现方法
2016/04/04 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
JavaScript入门之基本函数详解
2011/10/21 Javascript
js里怎么取select标签里的值并修改
2012/12/10 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
Sortable.js拖拽排序使用方法解析
2016/11/04 Javascript
Vue.JS入门教程之事件监听
2016/12/01 Javascript
js实现下一页页码效果
2017/03/07 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
python 实现登录网页的操作方法
2018/05/11 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
Numpy之将矩阵拉成向量的实例
2019/11/30 Python
python 画函数曲线示例
2019/12/04 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
APM Monaco中国官网:来自摩纳哥珠宝品牌
2017/12/27 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
淘宝中秋节活动方案
2014/01/31 职场文书
党员创先争优承诺书
2014/03/26 职场文书
说明书范文
2014/05/07 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android
python使用matplotlib绘制图片时x轴的刻度处理
2021/08/30 Python