返回上一页触发刷新-我爱编程

当前位置：: 首页; 文章; 前端
详情

返回上一页触发刷新

前端
三生万物
0

要知道history.back返回上一页是不会触发刷新的，这是浏览器的机制，但我们可以做些兼容处理，代码如下：

进入页面后，先把referrer保存到sessionStorage里

window.addEventListener('DOMContentLoaded', function() {
  // 保存referrer
  if(location.href !== document.referrer) {
    sessionStorage.setItem('referrer', document.referrer);
  }
});

在操作后调用下面代码返回上一页

if(location.href !== document.referrer) {
  location.href = document.referrer;
} else {
  if(sessionStorage.getItem('referrer')) {
    location.href = sessionStorage.getItem('referrer');
  } else {
    history.back();
  }
}

注意：使用document.referrer时，不能设置meta头referrer为no-referrer，不然拿不到referrer数据

免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。