本地存储localStorage的使用及剩余量计算

最新推荐文章于 2024-12-30 08:12:56 发布

_阿毛

最新推荐文章于 2024-12-30 08:12:56 发布

阅读量2.2k

点赞数 3

分类专栏： js+jquery 实战得真知

本文链接：https://blog.youkuaiyun.com/amao_aguai/article/details/107641272

版权

本文介绍了localStorage的使用，包括与cookie和sessionStorage的区别。localStorage用于无截止日期的数据存储，而sessionStorage则在关闭浏览器标签页时消失。两者都不参与服务器通信，通常存储空间为5MB。此外，文章提到了检测localStorage剩余容量的问题，虽然业界标准是5MB，但实际容量可能因浏览器而异，文中提到的检测方法在某些浏览器中可能导致错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本地存储的使用
和cookie的区别
检测某一个网页下localStorage的剩余容量

一、使用

// 存储
localStorage.setItem("name", "value");
// 取回
localStorage.getItem("name");
！本地存储必须是字符串类型的，如果是想要存对象/数组，需要先将对象/数组转换成字符串来存储
var ArrResults =['a','b','c']；/ var ArrResults = {'name':'amao' , 'hh':'gg'}；
//存
localStorage.setItem('result', JSON.stringify(ArrResults))
//取
var result = JSON.parse(localStorage.getItem('result'))

二、区别

localStorage - 存储没有截止日期的数据
sessionStorage - 针对一个 session 来存储数据（当关闭浏览器标签页时数据会丢失）
localStorage - 仅在客户端存储不参与服务器通信，存储大小一般为5M，如果不是人为清除，那么即使是关闭浏览器也会一直存在。
sessionStorage - 仅在客户端存储不参与服务器通信，存储大小一般为5M，会话级存储，也就是说如果关闭当前页面或者浏览器那么就会清除
cookie - 客户端存储，参与服务器通信，存储大小为4k,可设置生命周期，在设置的生命周期内有效

三、检测剩余量