浏览器存储webStorage

原创于 2021-12-13 15:28:38 发布 · 376 阅读

CC 4.0 BY-SA版权

文章标签：

这篇博客主要介绍了浏览器的本地存储机制，包括SessionStorage和LocalStorage。SessionStorage在浏览器窗口关闭后会清除，而LocalStorage中的数据则会一直保留，直到手动清除。文章详细讲解了localStorage的setItem、getItem、removeItem和clear等关键API的用法，并强调了当getItem找不到对应值时返回的是null。此外，还提及了JSON.parse处理null的情况。

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

1.存储内容大小一般支持5MB左右（不同浏览器可能还不一样）
2.浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制
3.相关API：
    1.localStorage.setItem('key','value');
        该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。
    2.localStorage.getItem('person');
        该方法接受一个键名作为参数，返回键名对应的值
    3.localStorage.removeItem('key');
        该方法接受一个键名作为参数，并把该键名从存储中删除
    4.localStorage.claer()
        该方法会清空存储中的所有数据
4.备注：
    1.SessionStorage存储的内容会随着浏览器窗口关闭而消失
    2.LocalStorage存储的内同，需要手动清除才会消失
    3.getItem（xxx）如果xxx对应的value获取不到，那么getItem的返回值是null
    4.JSON.parse（null）的结果依然是null