要实现页面第一次打开时JS生效,之后刷新页面JS失效,可以使用Web Storage API中的Session Storage来实现。

Session Storage是一种会话级别的存储方式,数据仅在当前会话有效,页面刷新后数据将被清除。

你可以在页面加载时,使用Session Storage来判断是否是第一次打开页面,如果是第一次打开页面,则执行相应的JS逻辑,并将一个标识存储到Session Storage中。如果不是第一次打开页面,则不执行相应的JS逻辑。

以下是一个示例代码:

// 判断是否是第一次打开页面
if (!sessionStorage.getItem('firstVisit')) {
  // 第一次打开页面执行的逻辑
  alert('第一次打开页面!');
  
  // 存储标识到Session Storage
  sessionStorage.setItem('firstVisit', 'true');
} else {
  // 不是第一次打开页面的逻辑
  alert('不是第一次打开页面!');
}

这样,当页面第一次加载时,会弹出"第一次打开页面!"的提示。之后刷新页面,将会弹出"不是第一次打开页面!"的提示,即JS逻辑失效。

注意:Session Storage的存储数据会在浏览器关闭后自动清除,如果需要实现更长时间的存储,可以考虑使用Local Storage

如何实现 页面第一次打开时js生效之后刷新页面js失效

原文地址: http://www.cveoy.top/t/topic/iVmJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录