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 相关文章推荐
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
react 兄弟组件如何调用对方的方法示例
Oct 23 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
Nov 29 Javascript
JS实现简易日历效果
Jan 25 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 深入理解strtotime函数的使用详解
2013/05/23 PHP
php curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
php数组指针函数功能及用法示例
2020/02/11 PHP
新浪的图片新闻效果
2007/01/13 Javascript
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
javascript中match函数的用法小结
2014/02/08 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
AngularJS快速入门
2015/04/02 Javascript
jQuery实现冻结表格行和列
2015/04/29 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
利用JS提交表单的几种方法和验证(必看篇)
2016/09/17 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
JS中数据结构之栈
2019/01/01 Javascript
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
跟老齐学Python之总结参数的传递
2014/10/10 Python
在Python中处理时间之clock()方法的使用
2015/05/22 Python
python内置函数sorted()用法深入分析
2019/10/08 Python
python实现在一个画布上画多个子图
2020/01/19 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
线程同步的方法
2016/11/23 面试题
十佳班主任事迹材料
2014/01/18 职场文书
《会变的花树叶》教学反思
2014/02/10 职场文书
仓库规划计划书
2014/04/28 职场文书
村长反四风问题个人对照检查材料
2014/09/21 职场文书
2015年考研复习计划
2015/01/19 职场文书
看上去很美观后感
2015/06/10 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
mysql sum(if())和count(if())的用法说明
2022/01/18 MySQL
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js