JavaScript

HTML5 localStorage

localStorage 为 HTML5 新增的特性,主要用于本地存储。其将 JavaScript 对象用字符串保存,并且以字符串读入。

localStorage 的引入拓展了 cookie 的 4K 限制,其可存储 5M 大小的数据。

本人在最近的一个 react 小项目练手中从学长那得知了这个概念,并且将其用在了项目中,于是水一篇文章记录一下。

写入 localStorage:

localStorage.setItem(key: string, value: string)
// 以键值对形式将关键字和数据存储起来
// 示例:
var obj = { name: '田所浩二', age: 23 };
localStorage.setItem('Info', JSON.stringify(obj));

读取 localStorage:

localStorage.getItem(key: string)
// 示例:
var item = localStorage.getItem(JSON.parse('Info'));

删除 localStorage 的项:

localStorage.removeItem(key: string)

清空 localStorage:

localStorage.clear()

没了。

A little learning is a dangerous thing.

订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请发表评论。x
()
x