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

转载于:https://blog.51cto.com/827403645/1963914

javascript 卸载事件（onunload）相关推荐

JS事件卸载事件当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。...
卸载事件(onunload) 当用户退出页面时(页面关闭.页面刷新等),触发onUnload事件,同时执行被调用的程序. 注意:不同浏览器对onunload事件支持不同. 如下代码,当退出页面时,弹出 ...
Javascript的onbeforeunload onunload事件
简介 onunload,onbeforeunload都是在页面刷新或关闭时调用. 区别在于 onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. onbefor ...
Javascript知识——事件
O(∩_∩)O~~又是新的一周开始了,今天还是在继续学习Javascript知识,今天主要讲了事件的知识.现在就总结下吧. 事件事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netsca ...
浅谈javascript的事件监听——音乐播放器的控制
javascript的事件 javascript是一门基于事件驱动的语言,当html页面中的元素触发一些动作时,可以执行相关的js代码. 1.常见事件浏览器窗体事件事件名描述 onload 当窗 ...
javascript原生事件句柄、BOM、DOM对象属性方法总结
javascript原生事件句柄.BOM.DOM对象属性方法总结 JS事件句柄事件句柄类型说明 onabort 事件句柄图像加载被中断 onblur 事件句柄元素失去焦点 onfocus 事 ...
html鼠标离开点击停留,Javascript DOM事件操作小结(监听鼠标点击、释放，悬停、离开等)...
本文实例总结了Javascript DOM事件操作.分享给大家供大家参考,具体如下: 使用JavaScript可以对HTML页面上的各种事件进行监听,如鼠标点击/释放,鼠标悬停/离开,等等. 效果图: ...
JavaScript触发事件大全--能力工场
1.onabort:当用户终止正在打开的网页时产生该事件. 2.onblur:某元素失去活动焦点时产生该事件.例如鼠标在文本框中点击后又在文本框外点击时就会产生. 3.onchange:当网页上某元素 ...
js鼠标事件大全-Javascript鼠标事件大全
js鼠标事件大全-Javascript鼠标事件大全 2009年03月11日星期三 14:22 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick 当键盘上的某个键被按下并且释放时 ...
JavaScript中的onunload不能用的解决办法
JavaScript中的onunload不能用的解决办法决办法原文地址:JavaScript中的onunload不能用的解决办法今天学习JavaScript中的onunload事件,然后自己开始试 ...

javascript 卸载事件（onunload）

javascript 卸载事件（onunload）相关推荐

最新文章

热门文章