使用JS判断页面是首次被加载还是刷新

使用JS判断页面是首次被加载还是刷新,可以使用sessionStorage来进行判断,具体方法如下:

使用JS判断页面是首次被加载还是刷新,可以使用sessionStorage来进行判断,具体方法如下:

  1. 监听load事件,在事件处理函数中,判断sessionStorage是否存在对应的键值对。如果存在,说明页面是刷新后再次加载,反之则是首次加载。

示例代码:

window.addEventListener('load', function() {
  var isFirstLoad = sessionStorage.getItem('isFirstLoad');
  if (!isFirstLoad) {
    // 页面首次加载的处理逻辑
    sessionStorage.setItem('isFirstLoad', 'false');
  } else {
    // 页面被刷新后再次加载的处理逻辑
  }
});
  1. 在页面跳转时,使用sessionStorage来传递参数。在新页面的load事件中,判断sessionStorage中的参数来确定页面的加载情况。

示例代码:

// 第一个页面中
sessionStorage.setItem('isRefresh', 'true');
window.location.href = 'secondPage.html';

// 第二个页面中
window.addEventListener('load', function() {
  var isRefresh = sessionStorage.getItem('isRefresh');
  if (isRefresh) {
    // 页面被刷新后再次加载的处理逻辑
  } else {
    // 页面首次加载的处理逻辑
  }
});

总结:使用sessionStorage来判断页面的加载情况,既可以在load事件处理函数中进行判断,也可以在不同页面之间传递参数来实现。需要注意的是,sessionStorage只能在同一窗口的同一标签页面中共享,不能跨窗口和标签页共享。

本文标题为:使用JS判断页面是首次被加载还是刷新

基础教程推荐