页面弹窗首次打开弹出提示,以后不再弹出代码

localStorage本地存储(本地存储)和sessionStorage会话存储(会话存储)

生命周期:localStorage:localStorage本地存储:本地存储的生命周期是永久的,本地存储中localStorage的数据在关闭页面或浏览器后不会消失。除非被主动删除,否则本地存储数据永远不会消失。

sessionStorage会话存储的生命周期仅在当前会话下有效。sessionStorage会话存储引入了“浏览器窗口”的概念,sessionStorage会话存储是始终存在于同一窗口中的数据。只要浏览器窗口没有关闭,即使页面刷新或输入了另一个相同来源的页面,数据仍然存在。浏览器窗口关闭后,sessionStorage会话存储将被销毁。同时,相同的窗口和页面是独立打开的,sessionStorage会话存储也是不同的。

存储大小:localStorage本地存储和sessionStorage会话存储的存储数据大小通常为5MB

存储位置:localStorage本地存储和sessionStorage会话存储都存储在客户端,不与服务器交互。

存储内容类型:localStorage本地存储和sessionStorage会话存储只能存储字符串类型,复杂的对象可以通过ECMAScript提供的字符串和JSON对象的解析来处理

获取方法:localStorage:window.localStorage; sessionStorage:window.sessionStorage;;

应用场景:localStoragese本地存储:经常用于长期登录(判断用户是否登录),适合本地数据的长期存储。sessionStorage会话存储:敏感帐户的一次性登录;WebStorage网络存储提供了一些方法。数据操作比cookie更方便。setItem (key, value) ——以键-值对的形式存储数据和信息。GetItem (key)——获取数据,通过传入键值可以获得相应的value值。removeItem (key) ——删除单个数据,并根据键值删除相应的信息。clear () ——删除所有数据;key (index) ——获取索引的键key

sessionStorage

if(!window.sessionStorage.getItem('storge')){
    alert('弹窗');
    window.sessionStorage.setItem('storge','true')
}

localStorage

if(!window.localStorage.getItem('storge')){
    alert('弹窗');
    window.localStorage.setItem('storge','true')
}

 

①本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
② 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
③ 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。
④ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑤ 本站资源包如果有密码,统一解压密码:www.rclou.cn


二层楼源码网 » 页面弹窗首次打开弹出提示,以后不再弹出代码
  • 738会员总数(位)
  • 3017资源总数(个)
  • 11本周发布(个)
  • 2 今日发布(个)
  • 432稳定运行(天)

提供最优质的源码资源集合

立即查看 了解详情