sesstionStroge
它是一种临时会话存储,知药当前的窗口未关闭,存储的信息就不会丢失,及时刷新了页面或者在编辑器中更改了代码,存储的会话信息也不会丢失。
//存储数据
sassionStroge.setItem(key,value)
//获取数据
sessionStorage.getItem(key)
//删除数据
sessionStorage.removeItem(key)
//删除所有的数据
sessionStorage.clear()
localStroge
它是一种永久存储,会一直将数据存储在客户端的储存方式,即使关闭了浏览器,下次打开的时候任然可以看到之前存储的为主动清除的数据(即使啥读取按键或者浏览器自带的清除软件,也不能将存储的数据清除掉)
//存储数据
localStorage.setItem(key,value)
//获取数据
localStorage.getItem(key)
//删除数据
localStorage.removeItem(key)
//删除所有的数据
localStorage.clear()
cookie
Cookie式存储在用户计算机上的小文件,保存特定客户端和网站的适量数据,并可以由web服务器或客户端浏览器访问,允许浏览器提供针对特定用户定制的页面,或者页面本身可以办函一些指导cookie中的数据脚本。
区别
1.cookie兼容所有的浏览器(本地cookie谷歌不支持),stroge不支持IE6~8;
2.二者对存储的内容均有大小限制,前者同源情况下一般不能存储4kb的内容,后者同源一般不能存储只能存储5mb的数据
3.cookie有过期时间,localStorage是永久存储(如果你不手动删除的话)
4.一些浏览器处于安全的角度可能会禁用cookie,耽误发禁用localStorage