关于localStorage和sessionStorage

1.在以前的开发中，只是知道localStorage，这个HTML5新增的可以作为小型数据库使用的localStorage,替我们省了不少力气;

2.据我知道的localStorage最大的特性就是只支持String类型的数据的存储，不管你是以何种类型存储的，存储进去后都会被转化成Strng类型的字符串存储到这个我理解为小型数据库的东东;

3.数到数据库我们都知道，最常用的无非就是增删改查，当然localStorage也不列外，他已具备最基本的增删改查

4.由于localStorage是HTML5的特性，这就要求了他会对浏览器有所限制，建议使用最高版本的浏览器;

5.localStorage和sessionStorage的区别就是localStorage是本地存储属于永久性储存，而sessionStorage在当前回话结束的时候，他的键值对或者数据就会被清空;

6.在网上查看对一些浏览器的版本的支持:

7.我们在使用localStorage 的时候可以为避免出错，可以判断浏览器是否为支持localStorag的使用:

if(window.localStorage){//主要的业务代码}else{alert("这个浏览器不支持localStorage");}

localStorage的写入，大概有三种方法:

if(!window.localStorage){             alert("浏览器不支持localstorage");             return false;         }else{             var storage=window.localStorage;             //写入a字段             storage["a"] = 1;             //写入b字段             storage.b = 2;             //写入c字段             storage.setItem("c",3);             console.log(typeof storage["a"]);             console.log(typeof storage["b"]);             console.log(typeof storage["c"]);         }

localStorage的读取:

if(!window.localStorage){             alert("浏览器不支持localstorage");         }else{             var storage=window.localStorage;             //写入a字段             storage["a"]=1;             //写入b字段             storage.a=1;             //写入c字段             storage.setItem("c",3);             console.log(typeof storage["a"]);             console.log(typeof storage["b"]);             console.log(typeof storage["c"]);             //第一种方法读取             var a=storage.a;             console.log(a);             //第二种方法读取             var b=storage["b"];             console.log(b);             //第三种方法读取             var c=storage.getItem("c");             console.log(c);         }

官方推荐setItem和getItem来写入和读取；

localStorage的改(相当于为变量重新赋值):

if(!window.localStorage){             alert("浏览器不支持localstorage");         }else{             var storage=window.localStorage;             //写入a字段             storage["a"]=1;             //写入b字段             storage.b=1;             //写入c字段             storage.setItem("c",3);             console.log(storage.a);             // console.log(typeof storage["a"]);             // console.log(typeof storage["b"]);             // console.log(typeof storage["c"]);             /*分割线*/             storage.a=4;             console.log(storage.a);         }

localStorage的全部清除:

var storage=window.localStorage; storage.a=1; storage.setItem("c",3); console.log(storage); storage.clear(); console.log(storage);

localStorage 清除某一个键:

var storage=window.localStorage; storage.a=1; storage.setItem("c",3); console.log(storage); storage.clear(); console.log(storage);

localStorage的键的获取：

var storage=window.localStorage; storage.a=1; storage.setItem("c",3); for(var i=0;i<storage.length;i++){ //key()方法，向其中输入索引就可得到对应的值 var key=storage.key(i); console.log(key); }

8.localStorage中存入 json 字符串:

if(!window.localStorage){ alert("浏览器不支持localstorage"); }else{ var storage=window.localStorage; var data={ name:'xiecanyong', sex:'man', hobby:'program' }; var d=JSON.stringify(data); storage.setItem("data",d); console.log(storage.data); }

读取之后要将JSON字符串转换成为JSON对象，使用JSON.parse()方法

var storage=window.localStorage; var data={ name:'xiecanyong', sex:'man', hobby:'program' }; var d=JSON.stringify(data); storage.setItem("data",d); //将JSON字符串转换成为JSON对象输出 var json=storage.getItem("data"); var jsonObj=JSON.parse(json); console.log(typeof jsonObj);