- LocalStorage和SessionStorage都是用于将数据保存在浏览器中。
LocalStorage
- 不参与网络传输。即HTTP 不会带上 LocalStorage 的值
- 只有相同域名的页面才能互相读取 LocalStorage(没有同源那么严格)
- 每个域名 localStorage 最大存储量为 5Mb 左右(每个浏览器不一样)
- 常用场景:记录有没有提示过用户(没有用的信息,不能记录密码)
- LocalStorage 永久有效,除非用户清理缓存
localStorage.setItem('key', value) //存储hash数据
localStorage.getItem('key')//获得key对应value
localStorage.removeItem('key')//删除key对应value
localStorage.clear()//删除所有的数据
SessionStorage
1、2、3、4 同上,用法也同上
SessionStorage 在用户关闭页面(会话结束)后就失效。(和LocalStorage的区别)
LocalStorage和Cookie的区别
两者其实没有关系,名字都没有联系。经常用来比较是因为LocalStorage是HTML5的API,没出来之前,都是使用Cookie来存储数据的,但是使用Cookie存储数据每次都会传给服务器,太影响速率了。
- 每次http请求都会带上Cookie给服务器,而LocalStorage不会
- Cookie可存放数据大小在4k以内,LocalStorage大小在5M左右
- Cookie有失效时间,由服务器设置。LocalStorage没有失效时间
网友评论