javascript Onunload与Onbeforeunload使用小结_javascript技巧
程序员文章站
2022-03-25 15:12:59
...
Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:
这样可以让用户确认是否要退出考场,其实BLOGJAVA在用户编写BLOG时,如果不保存而跳转到其他页面,也会有一个确认的提示(防止误操作),也是用到Onbeforeunload。
另外还可以用来在页面关闭的时候关闭session,代码如下(注:用window.screenLeft > 10000 来区分关闭和刷新操作):
复制代码 代码如下:
这样可以让用户确认是否要退出考场,其实BLOGJAVA在用户编写BLOG时,如果不保存而跳转到其他页面,也会有一个确认的提示(防止误操作),也是用到Onbeforeunload。
另外还可以用来在页面关闭的时候关闭session,代码如下(注:用window.screenLeft > 10000 来区分关闭和刷新操作):
复制代码 代码如下:
推荐阅读
-
javascript function(函数类型)使用与注意事项小结
-
JavaScript ES6中的简写语法总结与使用技巧
-
浅谈javascript中onbeforeunload与onunload事件
-
JavaScript中的this关键字介绍与使用实例_javascript技巧
-
js使用栈来实现10进制转8进制与取除数及余数_javascript技巧
-
JavaScript中关于indexOf的使用方法与问题小结_基础知识
-
createElement与createDocumentFragment的点点区别小结_javascript技巧
-
使用正则表达式的格式化与高亮显示json字符串_javascript技巧
-
使用正则表达式的格式化与高亮显示json字符串_javascript技巧
-
js open() 与showModalDialog()方法使用介绍_javascript技巧