手机网站,第一次进入网站显示广告海报,浏览其他页面回到首页不显示

很多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值不为空,显示弹窗
}
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值