11-2 本地存储：localstorage sessionstorage 使用区别_localstorage 的setobj 与 setitem 有什么区别-优快云博客

本文详细介绍了webStorage中的localStorage和sessionStorage的使用方法及区别。localStorage数据持久化存储，除非用户手动清除，否则一直存在；sessionStorage数据仅在当前会话下有效，关闭页面后数据会被清除。webStorage提供了更丰富的API，如setItem、getItem等，相比cookie拥有更大的存储空间。

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

localStorage和sessionStorage都是用来存储客户端临时信息的对象。
localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息
否则这些信息将永远存在。

sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。

用法如下：sessionStorage
sessionStorage.setItem(‘getMenu’, obj)//存
sessionStorage.getItem(‘getMenu’)//取
sessionStorage.removeItem(‘getMenu’)//删
用法如下：localStorage
localStorage.setItem(‘getMenu’, obj)//存
localStorage.getItem(‘getMenu’)//取
localStorage.removeItem(‘getMenu’)//删

web Storage

web Storage 是HTML 5引入的一个重要的功能，在前端开发的过程中会经常用到，它可以在客户端本地存储数据，类似cookie，但其功能却比cookie强大的多。cookie的大小只有4Kb左右（浏览器不同，大小也不同），而web Storage的大小有5MB。其API提供的方法有以下几种：
setItem (key, value) —— 保存数据，以键值对的方式储存信息。
getItem (key) —— 获取数据，将键值传入，即可获取到对应的value值。
removeItem (key) —— 删除单个数据，根据键值移除对应的信息。
clear () —— 删除所有的数据
key (index) —— 获取某个索引的key