javascript监控页面刷新和页面关闭事件的详细说明

在日常生活中，我们经常会遇到这样的情况，当我们点击链接、关闭页面、提交表单等。我们会提示确认操作等信息。

这里我们将告诉您javascript的onbeforeunload()和onunload()事件。

相同点：

两者都在操作页面关闭或刷新事件。

差异：

unbeforeunload()事件的执行顺序发生在onunload()事件之前。(因为，unbeforeunload()是在页面刷新之前触发的事件，而onubload()是在页面关闭之后触发的)。Unbeforeunload()事件可以禁止onunload()事件的触发。onunload()事件无法阻止页面关闭。浏览器onunload:的兼容性

在IE6、IE7、IE8中，刷新页面、关闭浏览器、跳转页面后执行；

IE9会刷新页面，但不会执行跳页和关闭浏览器；

Firefox(包括firefox3.6)可以在关闭标签、跳转页面、刷新页面后执行，但关闭浏览器后无法执行。

Safari会在刷新页面、跳转页面后执行，但关闭浏览器后无法执行；

Opera和Chrome在任何情况下都不会执行。

onbeforeunload:

IE、Chrome和Safari都得到了完美的支持

Firefox不支持文本提醒

歌剧不支持它

IE 6和IE 7会有bug

示例代码：

onbeforeunload():

方法1:添加：html元素

！doctype html townleta charset=' utf-8 ' title/title/head body onbeforeunload=' return my function()' p此示例演示如何向body元素添加' onbeforeunload '事件。/pp关闭当前窗口，按F5或单击以下链接触发onbeforeunload事件。/pa href=' http://www . QQ time zone . top '博客地址/a脚本函数my function(){返回'自定义内容'；}/script/body/html模式2在：javascript中添加

！这个例子演示了如何使用HTML DOM向body元素添加一个“onbeforeunload”事件。/pp关闭当前窗口，按F5或单击以下链接触发onbeforeunload事件。/pa href='http://www.runoob.com '点击调整为菜鸟教程/JavaScript window . onbeforeunload=function(event){ event . return value='我在这里写点东西.'；};/script/body/html模式3 :添加了addEventListener()事件(尽管IE8以下不支持此方法)

！doctype html townleta charset=' utf-8 ' title/title/head body p此示例演示如何使用addEventListener()方法向body元素添加' onbeforeunload '事件。/pp关闭当前窗口，按F5或单击以下链接触发onbeforeunload事件。/pa href=' http://www . QQ time zone . top '跳转地址/JavaScript window . addevent listener(' unload前'、function (event) {event .返回值='我在这里写点东西.'；});/script/body/html onunload():

方法1:添加html元素

！doctype html head title/title scripttype=' text/JavaScript ' fun(){//做点什么}/script/head dy on nload=' fun()'/body/html方法2: JavaScript加法

！DOCTYPE html html head title/title script type=' text/JavaScript ' window . onunload=function(){//dosomethings }；/script/headbody/body/html以上就是本文的全部内容。希望这篇文章的内容能给大家的学习或工作带来一些帮助，也希望大家多多支持我们！