温馨提示×

js后退页面不刷新怎么解决

小亿
260
2023-06-25 16:59:34
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

如果您希望在后退页面时刷新页面,可以使用以下方法:

  1. 使用location.reload()方法刷新页面:
window.addEventListener('popstate', function () {
location.reload();
});
  1. 在URL末尾添加随机数或时间戳:
window.history.pushState({}, '', '?t=' + new Date().getTime());

这将在每次页面加载时添加一个新的时间戳,以确保页面被刷新。

  1. 在页面加载时,检查是否存在sessionStorage或localStorage:
if(sessionStorage.getItem('is_reloaded')) {
sessionStorage.removeItem('is_reloaded');
location.reload();
} else {
sessionStorage.setItem('is_reloaded', true);
}

这将在第一次加载页面时将一个标志存储在sessionStorage中,然后在后退时检查并刷新页面。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:js后退页面不重新加载怎么解决

0