很多APP、网站刚进入都会显示广告弹窗或者海报,浏览其他页面返回首页不再显示,当关闭网站再重新进入到首页再显示,可以考虑用cookie或者本地存储,本文介绍的是H5的本地存储。

关于HTML5本地存储的知识

HTML本地存储有两个对象:localStorage和sessionStorage。
localStorage: 永久储存,删除数据需要手动删除;
sessionStorage: 浏览器关闭数据会被清除。

语法
存: localStorage.setItem(“name”,“value”);
sessionStorage.setItem(“name”,“value”);
取: localStorage.getItem(“name”);
sessionStorage.getItem(“name”);
手机网站,第一次进入网站显示广告海报,浏览其他页面回到首页不显示

进入网站首页首先获取name是否有数据,若有则不显示弹窗,若没有则显示弹窗并且存入一个数据。这里选择sessionStorage,因为sessionStorage关闭浏览器就会清除数据,刚好可以实现我们想要的功能。

var dt = sessionStorage.getItem("name");//获取name的值
if(dt == null) {
		//若name值为空,则存入一个数据
 		sessionStorage.setItem("name", "value");//存储name,值为value
 		//显示弹窗
} else {
 		//若name值不为空,显示弹窗
}

相关文章:

  • 2021-12-19
  • 2021-07-30
  • 2022-01-10
  • 2021-11-30
  • 2021-10-20
  • 2021-06-08
  • 2022-12-23
  • 2021-12-10
猜你喜欢
  • 2021-09-05
  • 2022-12-23
  • 2021-06-19
  • 2022-02-09
  • 2021-07-19
  • 2021-12-24
相关资源
相似解决方案