localStorage 是 HTML5 中新增的一种本地存储功能,localStorage 和 cookie相比具有存储容量更大和操作简单等优点。cookie 的单个存储容量一般最大不能超过4KB,而 localStorage 一般最大为 5MB。

使用方法

保存:

localStorage.setItem(key, value);  //  保存数据,接收键名和键值
localStorage.setItem(email, '12345678@qq.com');  //  保存一个123456789@qq.com的email

读取:

localStorage.getItem(key);  //  读取数据,接收一个键名,返回保存的文本内容,如果为找到 返回null
localStorage.getItem('email');  //  读取刚才保存的email

删除:

localStorage.removeItem(key);  //  删除指定键名的数据,接收一个键名
localStorage.removeItem('email');  //  删除刚才保存的email
localStorage.clear();;  //  删除所有,只会删除此域名下的

以上就是常用的 localStorage 方法。不过因为 localStorage 只能保存字符串,所以如果要存储 JSON 就需要先把 JSON 转换为字符串,而且读取的时候也需要把读取的字符串转换为 JSON。localStorage 是 HTML5 新加入的功能,只有支持 HTML5 的浏览器才可以使用 localStorage。

下面是一些常用的localStorage功能:

方法说明
setItem保存数据
getItem读取数据
key读取第i个数据的名字或称为键值(从0开始计数)
lengthlocalStorage存储变量的个数
propertyIsEnumerable用来检测属性是否属于某个对象的
valueOf获取所有存储的数据
removeItem删除某个具体变量
clear清空localStorage上存储的数据

以上就是关于 HTML5 localStorage 的简单使用。


版权声明:本文为原创文章,版权归 Mr. Ma's Blog 所有,转载请联系博主获得授权!
本文地址:https://www.misterma.com/archives/11/
如果您对本文有什么问题或疑问都可以在评论区留言,我看到后会尽量解答。
最后编辑:2019年12月15日 ©著作权归作者所有

发表评论

正在加载 Emoji
×