美文网首页
html5-web存储

html5-web存储

作者: AssertDo | 来源:发表于2019-08-26 10:28 被阅读0次
        ###sessionStorage 的使用:
        存储数据到本地,存储的容量5mb左右
        1,这个数据本质是存储在当前页面的内存中,意味着其他页面和浏览器无法获取数据
        2,它的生命周期为关闭当前页面,关闭页面,数据会自动清除
        
        setItem(key,value): 存储数据,以键值对的方式存储
        getItem(key): 获取数据,通过指定名称的key获取对应的value值
        removeItem(key): 删除数据,通过指定名称key删除对应的值 
        clear(): 清空所有存储的内容
        
        
        ###localStorage 的使用:
        1,存储的内容大概20mb
        2,不同浏览器不能共享数据,但是同一个浏览器的不同窗口中可以共享数据
        3,永久生效,它的数据是存储在硬盘上,并不会随着页面或者浏览器的关闭而清除
        
        setItem(key,value): 存储数据,以键值对的方式存储
        getItem(key): 获取数据,通过指定名称的key获取对应的value值
        removeItem(key): 删除数据,通过指定名称key删除对应的值 
        clear(): 清空所有存储的内容
//使用
            //1,存储
            window.localStorage.setItem("username"."哈哈哈哈");
            
            //2,获取
            window.localStorage.getItem("username");
            
            //3,删除
            window.localStorage.removeItem("username");
            
            //4,清空
            window.localStorage.clear();

相关文章

网友评论

      本文标题:html5-web存储

      本文链接:https://www.haomeiwen.com/subject/hkqrectx.html