js返回上一个页面并刷新

在JavaScript中，如果你想返回上一个页面并刷新它，你可以使用以下的方法：

基本方法

1. 使用history.back()并刷新： 你可以先调用history.back()方法返回到上一个页面，然后通过监听pageshow事件来判断页面是否是从缓存中加载的，如果是，则刷新页面。
2. 使用history.back()并刷新： 你可以先调用history.back()方法返回到上一个页面，然后通过监听pageshow事件来判断页面是否是从缓存中加载的，如果是，则刷新页面。
3. 使用location.href： 另一种方法是直接设置location.href为document.referrer，这样可以返回到上一个页面，并且浏览器通常会重新加载该页面。
4. 使用location.href： 另一种方法是直接设置location.href为document.referrer，这样可以返回到上一个页面，并且浏览器通常会重新加载该页面。

详细解释

• history.back()：这个方法会使浏览器回到历史列表中的前一个URL，相当于用户点击了浏览器的后退按钮。
• pageshow事件：当页面显示时触发，包括从缓存中加载页面的情况。event.persisted属性为true时，表示页面是从缓存中加载的。
• document.referrer：这个属性返回的是链接到当前页面的前一个页面的URL。

应用场景

这种方法常用于需要在用户操作后返回并刷新前一个页面的场景，比如：

• 用户在一个页面进行了数据修改，返回列表页时需要刷新以显示最新的数据。
• 用户提交表单后，返回确认页面时需要刷新以清除之前的输入或显示新的状态。

注意事项

• 使用history.back()时，如果用户直接打开浏览器的前进后退按钮，可能会不会触发pageshow事件，这时候页面可能不会刷新。
• 使用location.href = document.referrer方法时，如果用户直接通过地址栏进入当前页面，document.referrer可能是空字符串，这时候会丢失当前页面的状态。

解决方案

为了确保页面能够可靠地返回并刷新，可以结合使用上述两种方法：

function goBackAndRefresh() {
    if (document.referrer) {
        window.location.href = document.referrer;
    } else {
        window.history.back();
        window.addEventListener('pageshow', function(event) {
            if (event.persisted) {
                window.location.reload();
            }
        }, false);
    }
}

// 调用函数
goBackAndRefresh();

这样可以提高返回并刷新页面的可靠性，确保用户体验的一致性。