页面跳转后返回如何刷新页面内容 - JavaScript location.reload()方法

页面跳转后返回如何刷新页面内容 - 使用 JavaScript location.reload() 方法

当您从一个页面跳转到另一个页面后，再返回到原始页面时，您可能希望刷新页面内容以获取最新的数据。您可以使用 JavaScript 的 location.reload() 方法来实现这一功能。

方法：

在页面跳转后，您可以在返回时调用 location.reload() 方法来刷新页面。以下是一个示例：

// 跳转到其他页面
window.location.href = 'otherPage.html';

// 在返回时刷新页面
window.addEventListener('pageshow', function(event) {
  if (event.persisted) {
    window.location.reload(); 
  }
}, false);

解释：

• window.location.href = 'otherPage.html';: 将用户跳转到 otherPage.html 页面。
• window.addEventListener('pageshow', function(event) { ... });: 添加一个事件监听器，监听 pageshow 事件。当页面显示时，该事件会触发。
• event.persisted: 表示页面是否从缓存中加载。如果 event.persisted 为 true，则表示页面是从缓存中加载的，需要刷新。
• window.location.reload();: 刷新当前页面。

这段代码将在页面跳转后，在页面返回时检查是否已缓存页面，并在需要时刷新页面。