在HTML5中,新加入了一个localStorage/sessionStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小。
本地存储分为cookie、localStorage、sessionStorage,
Cookie
Cookie设计初衷是用来和服务器通讯,而不是本地存储,他只是被‘借用’到本地存储。
Cookie有一些缺点:存储空间小,最大4k、http请求时需要发送到服务器,增加请求数据量、只能用document.cookie=’…’ 来修改,太过简陋
localStorage、sessionStorage
优点:HTML5专门为存储而设计,最大可存5M、API简单易用setItem getItem、不会随着http请求被发送出去
localStorage、sessionStorage不同点:
localStorage数据会永久存储,除非代码或手动删除
sessionStroage 数据只存在于当前会话,浏览器关闭则清空
一般用localStorage会更多一些
注意:localStorage只支持string类型的存储。