h5新特性--WebStorage 缓存

最新推荐文章于 2024-08-12 22:44:37 发布

青柠97

最新推荐文章于 2024-08-12 22:44:37 发布

阅读量276

点赞数

CC 4.0 BY-SA版权

文章标签：缓存

本文链接：https://blog.youkuaiyun.com/a1997bcd/article/details/94397258

本文详细介绍了H5中WebStorage的使用方法，包括localStorage和sessionStorage的区别及操作方式，如数据保存、获取、删除等关键API，是前端开发者必备的知识点。

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

h5新特性–WebStorage <值得收藏>
localStorage 在客户端浏览器(永久保存)保存数据

保存数据 localStorage[key] = value
保存数据 localStorage.setItem(key,value);
获取数据 var value = localStorage [key];
获取数据 var value = localStorage.getItem(key);
删除数据 localStorage.removeItem(key);
删除数据 localStorage.clear();
数据个数 localStorage.length
获取key var key = localStorage.key(i);
sessionStorage 类数组对象,会话级(关闭窗口就清除)数据存储

保存数据 sessionStorage[key] = value
保存数据 sessionStorage.setItem(key,value);
获取数据 var value = sessionStorage[key];
获取数据 var value = sessionStorage.getItem(key);
删除数据 sessionStorage.removeItem(key);
删除数据 sessionStorage.clear();
数据个数 sessionStorage.length
获取key var key = sessionStorage.key(i);
数据个数 localStorage.length
获取key var key = localStorage.key(i);

https://segmentfault.com/q/1010000013520695

在这里插入图片描述