浏览器缓存（本地存储）

一、cookie （可设置失效时间、默认是关闭浏览器后失效）

1.保存

    var dataCookie='110';
    document.cookie = 'token' + "=" +dataCookie; 

2.取指定名称的cookie值

function getCookie(name) { //获取指定名称的cookie值
 // (^| )name=([^;]*)(;|$),match[0]为与整个正则表达式匹配的字符串，match[i]为正则表达式捕获数组相匹配的数组；
 var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
 if(arr != null) {
  console.log(arr);
  return unescape(arr[2]);
 }
 return null;
}
var cookieData=getCookie('token'); //cookie赋值给变量。

 

二、sessionStorage（仅在当前网页会话下有效，关闭页面或浏览器后就会被清除）

1.存

sessionStorage.setItem("key", "value"); //键值对

2.取

var value = sessionStorage.getItem("key");

3.删

sessionStorage.removeItem("key");

4.清除

sessionStorage.clear();

 

三、localStorage（除非被手动清除，否则将会永久保存）

1.存

localStorage.setItem("site", "js8.in");

2.取

var site = localStorage.getItem("site");

3.删

localStorage.removeItem("site");

4.清除

localStorage.clear();

 

四、其他操作

1.点操作和[ ]

var storage = window.localStorage; 
storage.key1 = "hello"; 
storage["key2"] = "world"; 
console.log(storage.key1); 
console.log(storage["key2"]);

2.localStorage和sessionStorage的key和length属性实现遍历

var storage = window.localStorage;
for(var i=0, len=storage.length; i<len;i++){
    var key = storage.key(i);     
    var value = storage.getItem(key);     
    console.log(key + "=" + value); 
}

3.存取对象/数组

var obj=[{},{},{}]
sessionStorage.setItem("key",JSON.stringify(obj))

var info=JSON.parse(sessionStorage.getItem("key"))

 

来源：参考地址、参考地址

转载于:https://my.oschina.net/u/3184390/blog/3095906