javascript Onunload与Onbeforeunload使用小结
2009-12-31 00:00
671 查看
Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:
这样可以让用户确认是否要退出考场,其实BLOGJ***A在用户编写BLOG时,如果不保存而跳转到其他页面,也会有一个确认的提示(防止误操作),也是用到Onbeforeunload。
另外还可以用来在页面关闭的时候关闭session,代码如下(注:用window.screenLeft > 10000 来区分关闭和刷新操作):
<body onbeforeunload=" checkLeave()"> <script> function checkLeave(){ event.returnValue="确定放弃考试?(考试作废,不记录成绩)"; } </script>
这样可以让用户确认是否要退出考场,其实BLOGJ***A在用户编写BLOG时,如果不保存而跳转到其他页面,也会有一个确认的提示(防止误操作),也是用到Onbeforeunload。
另外还可以用来在页面关闭的时候关闭session,代码如下(注:用window.screenLeft > 10000 来区分关闭和刷新操作):
<body onbeforeunload=" closeSession()"> <script> function closeSession (){ //关闭(刷新的时候不关闭Session) if(window.screenLeft>10000){ //关闭Session的操作(可以运用AJAX) } } </script>
相关文章推荐
- 【实例】javascript中的window对象的onbeforeunload、onload、onunload的区别(在新版本的浏览器中两个关闭事件可能不会触发)
- javascript onbeforeunload与onunload事件
- 学习笔记:onbeforeunload和onunload的使用
- js监听浏览器关闭事件 onbeforeunload和Onunload不生效 使用onpadehide可以监听到浏览器关闭事件
- 黑马程序员之JAVASCRIPT学习笔记:onunload 和 onbeforeunload的区别
- onbeforeunload与onunload事件 比较区分使用
- onbeforeunload方法和onunload方法的使用实例
- javascript onbeforeunload,onunload 事件
- window.onunload与window.onbeforeunload的区别
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- window的onunload和onbeforeunload事件,用于浏览器的关闭
- 解决IE下javascript:void(0)会触发window.onbeforeunload事件
- jQuery之load、unload、onunload和onbeforeunload
- onload、onunload 和 onbeforeunload的区别
- javascript onbeforeunload
- onbeforeunload与onunload事件
- Onunload,onbeforeunload作用,调用时机
- js离开页面执行函数 onbeforeunload与onunload事件