web storage
和Cookie
都是用来在客户端存储数据,并且都可以在同源的窗口中共享
web storage又分为localStrage
和sessionStorage。
区别
1.cookie是在浏览器和服务器之间传递,localStrage
和sessionStorage都仅仅在浏览器端存储
2.cookie的大小有限制,不能超过4k,且同一个站点最多保存20个cookie数据(浏览器不同,数目限制不同),localStrage
和sessionStorage可以达到4M以上
3.cookie有安全性问题,localStrage
和sessionStorage没有安全性问题
4.cookie在使用的时候需要手动封装setCookie、getCookie方法,localStrage
和sessionStorage可以直接调用
5.cookie在设定的有效期内持久有效,localStorage始终有效,除非手动删除,sessionStorge在浏览器窗口关闭前有效
webStorageAPI
常用API
setItem (key, value) —— 保存数据,以键值对的方式储存信息
getItem (key) —— 获取数据,将键值传入,即可获取到对应的value值
removeItem (key) —— 删除单个数据,根据键值移除对应的信息
clear () —— 删除所有的数据
key (index) —— 获取某个索引的key