浅谈javascript中onbeforeunload与onunload事件

当用户即将关闭页面或者离开当前页面时，JavaScript中提供了两个常见的事件：onbeforeunload和onunload。

当用户即将关闭页面或者离开当前页面时，JavaScript中提供了两个常见的事件：onbeforeunload和onunload。

onbeforeunload事件

onbeforeunload事件会在页面关闭或者刷新之前触发，它可以用来提示用户保存数据或者进行其他的操作。这个事件触发后，浏览器会弹出一个确认对话框，询问用户是否确定要离开当前页面。

以下是onbeforeunload事件的示例代码：

window.onbeforeunload = function() {
  return "确定要离开当前页面吗？";
}

这段代码中，我们使用window.onbeforeunload属性来注册onbeforeunload事件的处理函数。其中，函数会返回一个字符串类型的值，这个字符串将会被浏览器用于弹出确认对话框的提示信息。如果返回一个空字符串，则不会弹出确认对话框。

onunload事件

onunload事件会在用户离开当前页面时触发，它可以用于一些例如清理资源和删除cookies等行为的执行。需要注意的是，由于用户已经离开了页面，所以onunload事件中的代码执行是不能展示给用户的。

以下是onunload事件的示例代码：

window.onunload = function() {
  console.log("页面已经关闭或者离开");
}

这段代码中，我们使用window.onunload属性来注册onunload事件的处理函数。其中函数中的代码会在用户离开当前页面时执行，打印一条消息到浏览器的控制台中。

以上是关于onbeforeunload和onunload事件的简单介绍以及示例代码。在实际应用中，我们可以使用这些事件来处理一些与页面关闭以及离开相关的操作，提供更友好的用户体验。