js本地存储值及获取（sessionStorage、localstorage）

最新推荐文章于 2024-06-28 07:50:49 发布

前端-文龙刚

最新推荐文章于 2024-06-28 07:50:49 发布

阅读量1.4k

点赞数

分类专栏： Javascript 文章标签： html5 前端 html

本文链接：https://blog.csdn.net/qq_17211063/article/details/129354852

版权

Javascript 专栏收录该内容

84 篇文章 1 订阅

订阅专栏

localStorage和sessionStorage都是浏览器提供的客户端数据存储API，它们能存储5MB的数据且不与服务器交互。localStorage的数据持久化，除非主动清除，否则一直存在；而sessionStorage只在当前会话有效，关闭页面或浏览器后数据会被清除。两者使用相同的接口进行操作，如setItem、getItem、removeItem和clear。

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

共性：

他们两个都可以作为在客户端存储数据的API，这两个存储方式用来存放数据大小一般为5MB，并且仅在客户端（即浏览器）中保存，不参与和服务器的通信

不同点：

localStorage生命周期是永久的，除非被清除，否则永久保存，而sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除

他们两个使用相同的API

localStorage.setItem("key","value");	//以“key”为名称存储一个值“value”
localStorage.getItem("key");	//获取名称为“key”的值
localStorage.removeItem("key");	//删除名称为“key”的信息。
localStorage.clear();	//清空localStorage中所有信息

结果与如下雷同