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 函数式编程
Aug 16 Javascript
javascript innerHTML、outerHTML、innerText、outerText的区别
Nov 24 Javascript
jQuery html()等方法介绍
Nov 18 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
vue一步步实现alert功能
Jul 05 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
Oct 11 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
Dec 03 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 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
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
2015/12/18 PHP
php判断手机浏览还是web浏览,并执行相应的动作简单实例
2016/07/28 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
PhpSpreadsheet设置单元格常用操作汇总
2020/11/13 PHP
jQuery 1.5最新版本的改进细节分析
2011/01/19 Javascript
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
2016/12/07 Javascript
js实现表格筛选功能
2017/01/18 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
ES7中利用Await减少回调嵌套的方法详解
2017/11/01 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
给Python入门者的一些编程建议
2015/06/15 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
python3 动态模块导入与全局变量使用实例
2019/12/22 Python
Pytorch实现各种2d卷积示例
2019/12/30 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
应用服务器有那些
2012/01/19 面试题
高一家长会邀请函
2014/01/12 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
业务员自荐信范文
2014/04/20 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
廉洁自律证明
2015/06/24 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书