html5本地存储web storage
2017-10-12 16:31
369 查看
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。
Web Storage又分为两种:
sessionStorage
localStorage
从字面意思就可以很清楚的看出来,sessionStorage将数据保存在session中,浏览器关闭也就没了;而localStorage则一直将数据保存在客户端本地;
不管是sessionStorage,还是localStorage,可使用的API都相同,常用的有如下几个(以localStorage为例):
保存数据:localStorage.setItem(key,value);
读取数据:localStorage.getItem(key);
删除单个数据:localStorage.removeItem(key);
删除所有数据:localStorage.clear();
得到某个索引的key:localStorage.key(index);
如上,key和value都必须为字符串,换言之,web Storage的API只能操作字符串。
Web Storage又分为两种:
sessionStorage
localStorage
从字面意思就可以很清楚的看出来,sessionStorage将数据保存在session中,浏览器关闭也就没了;而localStorage则一直将数据保存在客户端本地;
不管是sessionStorage,还是localStorage,可使用的API都相同,常用的有如下几个(以localStorage为例):
保存数据:localStorage.setItem(key,value);
读取数据:localStorage.getItem(key);
删除单个数据:localStorage.removeItem(key);
删除所有数据:localStorage.clear();
得到某个索引的key:localStorage.key(index);
如上,key和value都必须为字符串,换言之,web Storage的API只能操作字符串。
相关文章推荐
- 【html5】Web Storage本地存储 sessionStorage/localStorage
- html5 本地存储Web Storage
- HTML5中Web Storage本地存储
- HTML5之本地存储对象Web Storage和storage事件监听无效问题
- HTML5--本地存储Web Storage
- html5本地存储(Web Storage API)
- HTML5--本地存储Web Storage
- HTML5 本地存储1--Web Storage和本地数据库Web SQL Database
- HTML5--本地存储Web Storage
- HTML5本地存储-Web Storage
- 网站开发进阶(三十)HTML5--本地存储Web Storage
- 网站开发进阶(三十)HTML5--本地存储Web Storage
- html5本地存储(web Storage)
- HTML5--本地存储Web Storage
- HTML5本地存储 Web Storage
- HTML5本地存储之Web Storage
- html5中本地存储Web Storage
- 【HTML5与CSS3基础】HTML5本地存储 Web Storage
- HTML5 本地存储(Web Storage)
- HTML5新功能之一《web Storage 本地存储》