Html5本地存储LocalStorage
来源:互联网 发布:abb仿真软件track 编辑:程序博客网 时间:2024/06/08 14:04
HTML5 提供了两种在客户端存储数据的新方法:
- localStorage - 没有时间限制的数据存储
- sessionStorage - 针对一个 session 的数据存储
在浏览器中打开审查元素(如谷歌F12),在Resources下面可以查看里面的数据。
localStorage提供了几个方法:
1、存储:localStorage.setItem(key,value);或localStorage.key="value";
如果key存在时,更新value
2、获取:localStorage.getItem(key);或localStorage.getItem("key");
如果key不存在返回null
3、删除:localStorage.removeItem(key)
一旦删除,key对应的数据将会全部删除
4、全部清除:localStorage.clear()
某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据
5、遍历localStorage存储的key
.length 数据总量,例:localStorage.length
.key(index) 获取key,例:var key=localStorage.key(index);
6、存储JSON格式数据
JSON.stringify(data) 将一个对象转换成JSON格式的数据串,返回转换后的串
JSON.parse(data) 将数据解析成对象,返回解析后的对象
SessionStorage的用法类似。
备注:localStorage存数的数据是不能跨浏览器共用的,一个浏览器只能读取各自浏览器的数据,储存空间5M。
0 0
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- html5本地存储localStorage
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- Android studio 异常记录
- Linux常用命令
- 漫谈设计模式值外观模式(Facade)
- oracle数据库-行转列加排序
- for循环练习,乘法口诀表和三角形。
- Html5本地存储LocalStorage
- baresip
- synchronized 与 ReentrantLock 的区别
- virtio and vhost
- 中企动力大把推荣膺“中国IT市场年度创新产品”奖
- js中几种实用的跨域方法原理详解
- zookeeper命令行(zkCli.sh&zkServer.sh)使用及四字命令
- 视图
- 爱的贝塞尔曲线讲解