新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

window.history.back()缓存返回上级页面不刷新数据,window.history.back()后执行函数

发布时间:2023-09-15 12:30:32

window.history.back()缓存返回上级页面不刷新数据

当使用`window.history.back()`方法返回上一级页面时,浏览器会从缓存中加载该页面,而不会重新发送要求,因此页面的数据也不会刷新。这是由于浏览器会将已访问过的页面存储在缓存中,以提高页面加载速度和减少网络流量。
如果你希望返回上一级页面时能够刷新数据,可以尝试以下方法:
1. 使用`location.reload()`方法在返回上一级页面后刷新当前页面。你可以在返回上一级页面的代码后面添加`location.reload()`方法,以下所示:
```javascript
window.history.back();
location.reload();
```
2. 在上一级页面中使用`window.addEventListener('pageshow', function(){})`监听页面显示事件,在该事件中进行数据刷新操作。你可以在上一级页面的脚本中添加以下代码,监听页面显示事件,并在事件处理程序中履行相应的数据刷新操作:
```javascript
window.addEventListener('pageshow', function(event) {
if (event.persisted) { // 判断页面是否是是从缓存中加载的
// 履行数据刷新操作
}
});
```
这些方法可以帮助你在返回上一级页面时刷新数据,根据具体的利用场景选择适合的方法。