JavaScript | 面向对象 localstorage
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript | 面向对象 localstorage,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2446字,纯文字阅读大概需要4分钟。
内容图文
localstorge
什么是localStorage
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同
localStorage的优势
1、localStorage拓展了cookie的4K限制
2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的
localStorage的局限
1、浏览器的大小不统一,并且在IE8以上的IE版本才支持localStorage这个属性
2、目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换
- localStorage的写入,localStorage的写入有三种方法。 localStorage只支持string类型的存储
var storage=window.localStorage; //写入a字段 storage["a"]=1; //写入b字段 storage.a=1; //写入c字段 storage.setItem("c",3);
- 三种对localStorage的读取,其中官方推荐的是getItem\setItem这两种方法对其进行存取
//第一种方法读取 var a=storage.a; console.log(a); //第二种方法读取 var b=storage["b"]; console.log(b); //第三种方法读取 var c=storage.getItem("c"); console.log(c)
- localStorage的修改
- localStorage的删除
将localStorage中的某个键值对删除 storage.setItem("c",3);console.log(storage);storage.removeItem("a");
将localStorage的所有内容清除
storage.clear();
- localStorage其他注意事项
这个时候我们可以使用JSON.stringify()这个方法,来将JSON转换成为JSON字符串
var data={ name:'zhangsan', sex:'man', }; var d=JSON.stringify(data); storage.setItem("data",d); //将JSON字符串转换成为JSON对象输出 var json=storage.getItem("data"); var jsonObj=JSON.parse(json);
思考怎么往localStorage中存入数组,并且可以向localStorage中这个数组中添加元素
内容总结
以上是互联网集市为您收集整理的JavaScript | 面向对象 localstorage全部内容,希望文章能够帮你解决JavaScript | 面向对象 localstorage所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。