javascript   卸载事件(onunload)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript   卸载事件(onunload)相关的知识,希望对你有一定的参考价值。

   当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用   的程序。

      注意:不同浏览器对onunload事件支持不同。

     如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。

如图:技术分享

技术分享

      运行结果:(IE浏览器)


技术分享




个人补充以下几点:


浏览了下其他的网页,自己总结了下,不对的地方多多指教

卸载事件通俗的讲,就是离开当前网页,离开当前网页有两种方式,

1.像平常我们关闭网页,也就是离开网页了;2.在当前网页点击加载其他网页,跳转到其他网页,也是离开当前网页的一种;

onunload属于第2种,只有当你要跳转到另一个页面时,也就是要离开当前网页了,要跳转到另一个网页了,onunload才会被触发;

那平常时关闭网页就直接跳出一个对话框是怎么办到的?原来还有一个onbeforeunload,顾名思义,就是在onunload被执行之前,就被调用,无论是以上2种跳转方法中的哪种,onbeforeunload都会被触发。



2.几点说明:

①目前试了Firefox、Google Chrome、IE三个浏览器,该事件只对IE起作用。

②onunload事件对于刷新页面和超链接跳转其他页面情况有效,对于关闭页面无效。

③onbeforeunload事件才对关闭页面有效。

④window.onunload = onunload_message后面不需要加()。如果有人不管加没加(),都在页面跳转和刷新时弹不出提示框,是因为IE限制了网页运行脚本或ActiveX控件,点击“允许阻止的内容”,再刷新和跳转就可以看到效果了。

⑤加了()的,在页面一打开就会弹出提示框,这个不是我们要实现的效果。



window.onunload = onunload_message()谷歌加括号才有用。



     

以上是关于javascript   卸载事件(onunload)的主要内容,如果未能解决你的问题,请参考以下文章

卸载事件off()方法

学习笔记:javascript body常用事件

vue之事件处理器

JavaScript-事件

JavaScript 学习-40.jQuery 绑定事件 on 和 bind

JavaScript--------------------jQuery中.bind() .live() .delegate() .on()的区别 和 三种方式写光棒事件 动画