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

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

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

如图:javascript 卸载事件(onunload)_第1张图片

      运行结果:(IE浏览器)


javascript 卸载事件(onunload)_第2张图片




个人补充以下几点:


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

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

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()谷歌加括号才有用。