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 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
jquery $.trim()方法使用介绍
May 21 Javascript
浅谈angularJS中的事件
Jul 12 Javascript
Angular ui.bootstrap.pagination分页
Jan 20 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
JS简单实现获取元素的封装操作示例
Apr 07 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
vue父子组件间引用之$parent、$children
May 20 Javascript
vue 动态生成拓扑图的示例
Jan 03 Vue.js
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
Jan 29 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
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
PHP获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
javascript 玩转Date对象(实例讲解)
2017/07/11 Javascript
深入理解angular2启动项目步骤
2017/07/15 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
小程序云开发实战小结
2018/10/25 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
Python中 Lambda表达式全面解析
2016/11/28 Python
深入理解Python中的*重复运算符
2017/10/28 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
vue+django实现下载文件的示例
2021/03/24 Vue.js
产品工艺师的岗位职责
2013/11/15 职场文书
高中生家长会演讲稿
2014/01/14 职场文书
小学生母亲节演讲稿
2014/05/07 职场文书
经济管理专业求职信
2014/06/09 职场文书
学生意外伤害赔偿协议书
2014/09/17 职场文书
青春雷锋观后感
2015/06/10 职场文书
2019消防宣传标语!
2019/07/10 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
python缺失值的解决方法总结
2021/06/09 Python