javascript   卸载事件（onunload）

Posted 2020-10-06

   当用户退出页面时（页面关闭、页面刷新等），触发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()谷歌加括号才有用。