当前位置: 代码迷 >> 综合 >> 存储(localStorage/sessionStorage/Cookie)
  详细解决方案

存储(localStorage/sessionStorage/Cookie)

热度:15   发布时间:2023-11-30 21:13:44.0

HTML5中,新加入了一个localStorage/sessionStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)localStorage中一般浏览器支持的是5M大小。

本地存储分为cookielocalStoragesessionStorage

Cookie

Cookie设计初衷是用来和服务器通讯,而不是本地存储,他只是被借用到本地存储。

Cookie有一些缺点:存储空间小,最大4khttp请求时需要发送到服务器,增加请求数据量、只能用document.cookie=’…’ 来修改,太过简陋

 

localStoragesessionStorage

优点:HTML5专门为存储而设计,最大可存5MAPI简单易用setItem getItem、不会随着http请求被发送出去

localStoragesessionStorage不同点:

localStorage数据会永久存储,除非代码或手动删除

sessionStroage 数据只存在于当前会话,浏览器关闭则清空

一般用localStorage会更多一些

注意:localStorage只支持string类型的存储。

  相关解决方案