很多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值不为空,显示弹窗
}