【原】js离开页面执行函数，onbeforeunload与onunload事件

当用户离开页面时，我们可以使用两个事件来执行相应的JavaScript函数。这两个事件是onbeforeunload和onunload。

onbeforeunload事件在用户准备离开当前页面时触发。此事件可用于显示一个提示框，询问用户是否确实要离开页面。我们可以在这个事件上添加一个函数，该函数将在用户关闭页面之前执行。

onunload事件在用户已经离开当前页面时触发。此事件可用于执行那些与页面相关的清理工作，例如关闭数据库连接或保存用户数据。我们可以在这个事件上添加一个函数，该函数将在用户已经关闭页面时执行。

下面是使用这两个事件的具体方法：

1. onbeforeunload事件：

```javascript

window.onbeforeunload = function(event) {

var confirmationMessage = '是否离开此页面？';

(event || window.event).returnValue = confirmationMessage;

return confirmationMessage;

};

```

在这个例子中，当用户准备离开页面时，将显示一个询问框，提示用户是否离开页面。用户可以选择离开或留在页面。

2. onunload事件：

```javascript

window.onunload = function() {

// 执行一些清理工作，例如关闭数据库连接或保存用户数据

};

```

在这个例子中，当用户已经离开页面时，将执行一些与页面相关的清理工作，例如关闭数据库连接或保存用户数据。

下面是一个具体的案例，演示如何在离开页面时执行函数：

```javascript

window.onbeforeunload = function(event) {

var confirmationMessage = '是否离开此页面？';

(event || window.event).returnValue = confirmationMessage;

return confirmationMessage;

};

window.onunload = function() {

alert('再见！');

};

```

在这个案例中，当用户准备离开页面时，将显示一个询问框，询问用户是否离开页面。如果用户选择离开页面，将触发onunload事件，并显示一个弹窗，显示“再见！”的提示信息。

总结：

onbeforeunload事件和onunload事件是用于在用户离开页面时执行JavaScript函数的两个事件。onbeforeunload事件在用户准备离开页面时触发，并可用于显示一个提示框。onunload事件在用户已经离开页面时触发，并可用于执行与页面相关的清理工作。在使用这两个事件时，我们可以根据实际需求添加自己的代码，以满足不同的功能需求。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队，专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务，帮助客户在激烈的市场竞争中获得更大的优势和发展机会！