H5离线存储,localstorage,sessionstorage使用说明

【localstorage】本地存储

特点:

1、没有过期时间,除非手动删除
2、已域为单位
3、不会每次都向服务器请求
4、大小5M(不要觉得5M小,之前有一个前辈,写了半年的项目,才5M。。)
5、兼容ie7+。
6、不走网络

用法:

取:localStorage.name
存:localStorage.name=value;
删除 delete localStorage.name
删除全部: localStorage.clear()

localStorage.aaa=1111; //储存
localStorage.bbb=2222; //储存
alert(localStorage.aaa) //使用 取
delete localStorage.aaa; //删除
for(var name in localStorage){
delete localStorage[name] //可以用for in 循环 
}
localStorage.clear(); //自带的删除全部

小例子:

localStorage.a = 12;
alert(localStorage.a); //12

专业的存储:

存:localStorage.setItem('ccc',333);
取:localStorage.getItem('ccc');
删除:localStorage.removeItem('ccc');
删除全部: localstorage.clear()
这种存储方式是不是有点高大上!!不过怎么感觉有点装逼的赶脚。。

【sessionStorage】临时存储

和localStorage没太大区别,就是这个是临时存的,一个会话就没了,session,(就是浏览器关闭就没了)

用法:

取:sessionStorage.name
存:sessionStorage.name=value;
删除 delete sessionStorage.name
删除全部: sessionStorage.clear()

专业的存储:

存:sessionStorage.setItem('ccc',333);
取:sessionStorage.getItem('ccc');
删除:sessionStorage.removeItem('ccc');
删除全部: sessionStorage.clear()
使用和上面一样,大例子我就不说了,也可以看看我之前写的Cookie的用法,基本没什么区别。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容