温馨提示×

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

小亿
171
2023-06-25 16:59:34
栏目: 编程语言

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

  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中,然后在后退时检查并刷新页面。

0