web储存

最新推荐文章于 2022-06-06 09:46:46 发布

LFZ_521

最新推荐文章于 2022-06-06 09:46:46 发布

阅读量458

点赞数

本文链接：https://blog.csdn.net/LFZ_521/article/details/100717118

版权

本文详细介绍了HTML5中两种客户端存储方法：localStorage和sessionStorage。localStorage用于持久存储数据，而sessionStorage则用于临时存储。文章讲解了如何使用setItem、getItem、removeItem和clear方法进行数据的存取和管理，并提到了JSON.stringify和JSON.parse方法用于数据类型的转换。

摘要由CSDN通过智能技术生成

web储存是HTML5 客户端存储数据的两种新方法：
《1》localStorage - 没有时间限制的数据存储
《2》sessionStorage - 一种临时储存
使用方法：key为名称，value为储存的数据；
首先是存储数据：setItem(key,value);注意：key和value均为字符串类型；
取出数据：getItem(key,value);
删除数据：removeItem(key);只输入名称即可；
清空数据：localstorage.clear();不需要输入名称；
然后就是根据需要使用储存方式：
《1》：localStorage.setltem(key,value);储存长久数据；
《2》：sessionStorage.setItem(key,value);储存临时数据；
localStorage.getitem(key,value);取出数据；
注意：取出或删除数据时函数的使用要于存储时使用的方式一样，即用什么存储就用什么取。
JSON对象web存储格式的变更：
因为web存储的都为对象格式，使用如果使用需要转换类型；
可以把web存储的格式由对象转换为字符串；或者字符串转换对象：
JSON.stringify(key);将key转换为字符串；
JSON.parse(key);将key转换为对象；