【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的用法,基本没什么区别。