javascript Onunload与Onbeforeunload使用小结


Posted in Javascript onDecember 31, 2009

Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:

<body onbeforeunload=" checkLeave()"> 
<script> 
function checkLeave(){ 
event.returnValue="确定放弃考试?(考试作废,不记录成绩)"; 
} 
</script>

这样可以让用户确认是否要退出考场,其实BLOGJAVA在用户编写BLOG时,如果不保存而跳转到其他页面,也会有一个确认的提示(防止误操作),也是用到Onbeforeunload。

另外还可以用来在页面关闭的时候关闭session,代码如下(注:用window.screenLeft > 10000 来区分关闭和刷新操作):

<body onbeforeunload=" closeSession()"> 
<script> 
function closeSession (){ 
//关闭(刷新的时候不关闭Session) 
if(window.screenLeft>10000){ 
//关闭Session的操作(可以运用AJAX) 
} 
} 
</script>
Javascript 相关文章推荐
window.onbeforeunload方法在IE下无法正常工作的解决办法
Jan 23 Javascript
javascript之典型高阶函数应用介绍
Jan 10 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
Node.js与PHP、Python的字符处理性能对比
Jul 06 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
Javascript实现登录记住用户名和密码功能
Mar 22 Javascript
AngularJS的$location使用方法详解
Oct 19 Javascript
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
JavaScript 常用函数
Dec 30 #Javascript
jQuery的三种$()
Dec 30 #Javascript
jquery UI 1.72 之datepicker
Dec 29 #Javascript
用js做一个小游戏平台 (一)
Dec 29 #Javascript
js 学习笔记(三)
Dec 29 #Javascript
js DOM模型操作
Dec 28 #Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 #Javascript
You might like
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
php实现用户在线时间统计详解
2011/10/08 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
JavaScript面向对象编程
2008/03/02 Javascript
javascript prototype原型操作笔记
2009/12/07 Javascript
js 通用javascript函数库整理
2011/08/14 Javascript
javascript中的window.location.search方法简介
2013/09/02 Javascript
javascript实现数字+字母验证码的简单实例
2014/02/10 Javascript
javascript实现的一个随机点名功能
2014/08/26 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
返回函数的JavaScript函数
2016/06/14 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
Python功能键的读取方法
2015/05/28 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
美国市场上最实惠的送餐服务:Dinnerly
2018/03/18 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
什么是类的返射机制
2016/02/06 面试题
如何在Shell脚本中使用函数
2015/09/06 面试题
小学生新学期寄语
2014/01/19 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
学习雷锋主题班会
2015/08/14 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript
Python+Appium新手教程
2021/04/17 Python
MySQL查询学习之基础查询操作
2021/05/08 MySQL
简述Java中throw-throws异常抛出
2021/08/07 Java/Android