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

[wm_blue]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[/wm_blue]

sessionStorage

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

localStorage

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

大白玉米吉他

收藏 海报 链接