简介

onunload，onbeforeunload都是在页面刷新或关闭时调用。

区别在于

onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。
onbeforeunload 是正要去服务器读取新的页面时调用，此时还没开始读取；
而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。

onunload事件

onunload 发生于当用户离开页面时发生的事件(通过点击一个连接，提交表单，关闭浏览器窗口等等。)

语法

直接在HTML中使用

<body onunload="SomeJavaScriptCode">
//以下 HTML 标签支持 onunload :<body>, <frameset>

JavaScript 中:

window.addEventListener("unload", function(event) { ... });
window.onunload = function(event) { ... };

浏览器兼容情况

参考：
https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onunload

onbeforeunload事件

onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。

该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。

对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 “确定要离开此页吗？”。该信息不能删除。

但你可以自定义一些消息提示与标准信息一起显示在对话框。

语法

在HTML中使用

<body onbeforeunload="myScript">

JavaScript 中：

window.addEventListener（“beforeunload”，function（event）{...}）;
window.onbeforeunload = function（event）{...};

浏览器兼容情况

参考：
https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

Javascript的onbeforeunload onunload事件相关推荐

JavaScript中的onunload不能用的解决办法
JavaScript中的onunload不能用的解决办法决办法原文地址:JavaScript中的onunload不能用的解决办法今天学习JavaScript中的onunload事件,然后自己开始试 ...
javascript onbeforeunload与onunload事件
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于on ...
onbeforeunload与onunload事件(转)
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script> 脚本中通过window.onunload来指定或者在<body>里指定.区别在于o ...
onbeforeunload与onunload事件
onbeforeunload与onunload事件 2007-12-19 10:25:00 标签:onbeforeunload 事件 onunload 编程 [推送到技术圈] Onunload,onb ...
onunload,onbeforeunload,load事件
1. Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别 ...
onbeforeunload与onunload事件总结：
1)异同点相同点:onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body> ...
onbeforeunload与onunload事件 1
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过 window.onunload来指定或者在<body>里指定.区别在于o ...
h5页点击返回时关闭_H5页面监听浏览器关闭、刷新、跳转时提示之onbeforeunload和onunload事件...
在H5页面中一些场景情况下防止表单数据丢失或者防止用户意外跳走页面,通过js进行监听提示用户,通过onbeforeunload事件和onunload事件实现. onbeforeunload和onunl ...
JavaScript捕获窗口关闭事件
JavaScript捕获窗口关闭事件关键字: window.close事件 javascript捕获窗口关闭事件有两种方法 1.用javascript重新定义 window.onbeforeunlo ...

Javascript的onbeforeunload onunload事件

简介

onunload事件

语法

浏览器兼容情况

onbeforeunload事件

语法

浏览器兼容情况

Javascript的onbeforeunload onunload事件相关推荐

最新文章

热门文章