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 相关文章推荐
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
JS日期和时间选择控件升级版(自写)
Aug 02 Javascript
利用JS进行图片的切换即特效展示图片
Dec 03 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
微信小程序的日期选择器的实例详解
Sep 29 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
Dec 27 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
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
PHP第一季视频教程(李炎恢+php100 不断更新)
2011/05/29 PHP
利用phpExcel实现Excel数据的导入导出(全步骤详细解析)
2013/11/26 PHP
php环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
JavaScript中的getDay()方法使用详解
2015/06/09 Javascript
基于jQuery实现页面搜索功能
2020/03/26 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
js实现鼠标拖拽缩放div实例代码
2019/03/25 Javascript
Vue.js组件实现选项卡以及切换特效
2019/07/24 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
Python subprocess模块学习总结
2014/03/13 Python
Python学习笔记之常用函数及说明
2014/05/23 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
Python模块的加载讲解
2019/01/15 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
使用css3制作登录表单的步骤
2014/04/07 HTML / CSS
校领导推荐信
2013/11/01 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
学校社团活动总结
2015/05/07 职场文书
信仰观后感
2015/06/03 职场文书
解决golang 关于全局变量的坑
2021/05/06 Golang
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs