js本地存储

小白前端攻城狮

已于 2023-02-28 22:06:49 修改

阅读量420

点赞数 1

分类专栏： js 文章标签： chrome 前端

于 2023-02-20 21:25:45 首次发布

本文链接：https://blog.youkuaiyun.com/m0_54104677/article/details/129131924

版权

5 篇文章

订阅专栏

localStorage允许在用户浏览器中永久存储数据，直到被删除。它支持多窗口共享，但大量数据可能导致页面卡顿。数据以键值对形式存储，对象需转换为JSON。sessionStorage则在页面关闭后清除数据，生命周期更短。

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

本地储存能够使用localSorage把数据存储的浏览器中

作用：可以将数据永久储存在本地（用户的电脑），除非主动删除，否则不会消失

特性：可以多窗口（页面）共享（同一浏览器可以共享）,本质是对字符串的读取，如果存储太多内容，会导致页面卡顿

使用：以键值对的形式储存使用

localStorage.setItem('username','张三')

如果储存的是复杂类型（对象），需要将对象类型转成JSON

    let obj ={
            name:'zs',
            age:17
        }
  localStorage.setItem('student',JSON.stringify(obj))

删除本地缓存

localStorage.removeItem('student')

一次性清除所有储存

localStorage.clear()

还有一个sessionStorage缓存，与localStorage不同的是：

生命周期是以浏览器页面的打开到关闭，页面一旦关闭sessionStorage数据便会清空，所以实际开发中没有localStorage常用