LocalStorage

秋秋小事

于 2023-04-16 21:55:24 发布

阅读量477

点赞数

分类专栏： Web前端面试笔记文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/jiaoyangdetian/article/details/130188774

版权

Web前端面试笔记专栏收录该内容

15 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了LocalStorage与Cookie在浏览器本地存储的区别，强调LocalStorage的5M存储优势及仅在IE8以上版本支持的特性。同时指出，LocalStorage的值类型必须为string，使用时需注意JSON对象的转换。最后提到了LocalStorage的相关API参考。

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

LocalStorage是浏览器用来存储数据的

一 LocalStorage与Cookie的区别与优势

两者都是用于浏览器本地存储的，但cookie存储容量最大为4k

localStorage扩展了cookie的存储限制，它会将第一次请求的数据直接存储在本地，localStorage的最大存储容量为5M

二 LocalStorage的使用限制

1 IE8以上的版本才支持LocalStorage的属性

2 目前所有的浏览器中都会把localStorage的值类型限定为string类型，我们使用时需要把JSON对象类型转换

三 LocalStorage API

//写入c字段
localStorage.setItem("c",3);

//重新写入属性值，并存入本地
localStorage.setItem("c",5);

//localStorage的读取
var c=localStorage.getItem("c");
console.log(c)

//将localStorage中的某个键值对删除
localStorage.removeItem("a");

//将localStorage的所有内容清除
localStorage.clear();

参考文章：传送门