js返回上一页并重新加载

在JavaScript中，如果你想让页面返回到上一页并且重新加载该页面，可以使用以下方法：

方法一：使用window.history对象

你可以使用window.history.back()方法来返回到上一页，然后通过监听pageshow事件来检测页面是否是从缓存中加载的，如果是，则重新加载页面。

// 返回上一页
window.history.back();

// 监听pageshow事件，如果是从缓存中加载，则重新加载页面
window.addEventListener('pageshow', function(event) {
  if (event.persisted) {
    window.location.reload();
  }
});

方法二：使用window.location对象

另一种方法是直接设置window.location对象的href属性为上一页的URL，并添加一个随机参数来确保浏览器不会从缓存中加载页面。

// 获取上一页的URL
var previousPage = document.referrer;

// 如果上一页存在，则返回并重新加载
if (previousPage) {
  // 添加随机参数以避免缓存
  window.location.href = previousPage + '?reload=' + new Date().getTime();
} else {
  // 如果没有上一页，则简单地刷新当前页面
  window.location.reload();
}

解释

• window.history.back()：这个方法会使浏览器回到历史记录中的上一页。
• pageshow事件：当页面显示时触发，event.persisted属性为true表示页面是从缓存中加载的。
• document.referrer：这个属性包含了链接到当前页面的前一个页面的URL。
• window.location.reload()：这个方法会重新加载当前页面。

注意事项

• 使用window.history.back()方法时，用户可能会在返回上一页之前进行其他操作，这可能会导致预期之外的行为。
• 使用document.referrer时，需要注意隐私问题，因为这个属性可能会泄露用户的浏览历史。
• 添加随机参数到URL是为了避免浏览器缓存，但这可能会导致服务器处理额外的无效请求。

选择哪种方法取决于你的具体需求和应用场景。如果你希望用户有一个流畅的体验，并且不介意页面可能不会立即重新加载，可以使用第一种方法。如果你需要确保页面一定重新加载，可以使用第二种方法。