1.突破cookie 4K限制，一般浏览器支持5M
2.增 删 改 查
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> window.onload=function(){ if(!window.localStorage){ alert("浏览器不支持localstorage"); return false; }else{ var storage=window.localStorage; //写入a字段--增或改 storage["a"]=1; //写入b字段--增或改 storage.b=1; //写入c字段 --增或改 storage.setItem("c",3); //删除c storage.removeItem('c'); //清空storage //storage.clear(); //查询 console.log('a:',storage.getItem('a')); storage.a; storage["a"]; console.log(typeof storage["a"]); console.log(typeof storage["b"]); console.log(typeof storage["c"]); } } </script> </body> </html>
3.遍历localStorage
var storage=window.localStorage; storage.a=1; storage.setItem("c",3); for(var i=0;i<storage.length;i++){ var key=storage.key(i); console.log(key); }
4.存储为字符串
JSON.stringify() # json对象转为json字符串
JSON.parse() # json字符串转为json对象