JS实现返回上一页并刷新页面的方法分析

在 Web 开发中，有时候需要在页面跳转后返回上一页并刷新页面，这可以通过 JavaScript 来实现。针对这个需求，本文将介绍两种实现方法。

方法一：使用window.location.reload()

window.location.reload() 方法可以重新加载当前页面，结合 history.go(-1) 方法可以实现返回上一页并刷新页面的效果。

实现代码如下：

function goBackAndRefresh() {
  history.go(-1);
  window.location.reload();
}

方法二：使用location.replace()

location.replace() 方法可以将当前页面替换为指定的 URL 对应的页面。结合 location.href 属性和 setTimeout() 方法可以实现返回上一页并刷新页面的效果。

实现代码如下：

function goBackAndRefresh() {
  setTimeout(function() {
    location.replace(document.referrer)
  }, 500); // 可根据实际情况调整延迟时间
}

在实际开发中，可以根据具体的需求选择适合的方法。

示例一：使用方法一实现返回上一页并刷新页面

HTML 代码：

<button onclick="goBackAndRefresh()">返回上一页并刷新页面</button>

JS 代码：

function goBackAndRefresh() {
  history.go(-1);
  window.location.reload();
}

示例二：使用方法二实现返回上一页并刷新页面

HTML 代码：

<button onclick="goBackAndRefresh()">返回上一页并刷新页面</button>

JS 代码：

function goBackAndRefresh() {
  setTimeout(function() {
    location.replace(document.referrer)
  }, 500);
}

以上是实现返回上一页并刷新页面的两种 JavaScript 方法，读者可根据具体的业务需求选择适合的实现方式。