如何在页面间传递信息？——回调函数

在web开发中，我们经常需要在页面间传递信息。而其中一种常用的方式——回调函数——是一种非常方便和实用的方式。

什么是回调函数？

在编程中，回调函数是一种通过参数传递到其他代码的可执行代码块的技术。当这段代码被调用时，它将会执行预先定义好的功能。

如何使用回调函数？

通常，在 JavaScript 中可以通过回调函数在页面间传递信息。例如，回调函数可以在用户从当前页面返回上一页面时被调用。

以下是一个示例代码：

// 当前页面
function doSomething(callback) {
  // 判断页面是否存在回调函数
  if (typeof callback === "function") {
    // 执行回调函数
    callback();
  }
}

// 上一页面
function showAlert() {
  alert("已返回上一页面");
}

// 在当前页面调用回调函数
doSomething(showAlert);

在这个示例中，我们使用了 doSomething 函数来传递一个回调函数 showAlert。在当前页面返回上一页面时，doSomething 将判断是否存在回调函数，然后执行它。

如何返回上一页面？

在实际应用中，我们可能需要在用户点击返回按钮时触发页面回调。以下是一个示例代码：

// 上一页面
window.addEventListener("load", function () {
  // 获取返回按钮
  var backButton = document.querySelector(".back-button");
  // 绑定点击事件
  backButton.addEventListener("click", function (event) {
    event.preventDefault();
    // 执行回调函数
    window.history.back();
  });
});

在这个示例中，我们监听了页面载入事件，并获取了返回按钮。然后，我们绑定了点击事件，并在处理函数中执行了回调函数——这里使用了浏览器的返回功能。

总结

回调函数非常方便和实用，在页面间传递信息时也非常好用。通过回调函数，我们可以在不同页面间进行数据传递和交互，提高了页面的交互性和可用性。