web前端 3大储存 Cookie、localStorge、sessionStorage

Cookie：

 //setCookie

 function setCookie(name,value){

     var Days = 30;

     var exp = new Date();

     exp.setTime(exp.getTime() + Days*24*60*60*1000);

     document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

 }
 //getCookie

 function getCookie(name){

     var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

     if(arr=document.cookie.match(reg))

     return unescape(arr[2]);

     else

     return null;

 }
 //delCookie

 function delCookie(name){

     var exp = new Date();

     exp.setTime(exp.getTime() - 1);

     var cval=getCookie(name);

     if(cval!=null)

     document.cookie= name + "="+cval+";expires="+exp.toGMTString();

 }

 //如果需要设定自定义过期时间
 function setCookie(name,value,time){

 var strsec = getsec(time);

 var exp = new Date();

 exp.setTime(exp.getTime() + strsec*1);

 document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

 }

 function getsec(str){

     var str1=str.substring(1,str.length)*1;

     var str2=str.substring(0,1);

     if (str2=="s"){

         return str1*1000;

     } else if (str2=="h"){

         return str1*60*60*1000;

     } else if (str2=="d"){

         return str1*24*60*60*1000;

     }
 }

 //这是有设定过期时间的使用示例：
 //s20是代表20秒
 //h是指小时，如12小时则是：h12
 //d是天数，30天则：d30

LocalStorge：

 if(window.localStorage){
  console.log("浏览器支持localStorage");

  }else{
  console.log("浏览器支持localStorage");
  }
 //JS下的操作方法

 //获取键值：localStorage.getItem(“key”)
 //设置键值：localStorage.setItem(“key”,”value”)
 //清除键值：localStorage.removeItem(“key”)
 //清除所有键值：localStorage.clear()
 //获取键值2：localStorage.keyName
 //设置键值2：localStorage.keyName = “value”
 //判断 key值是否存在的两种方法
 //localStorage.keyName === undefined  true为key值不存在 false 为key值存在
 //typeof localStorage.keyName === undefined    true为key值不存在 false 为key值存在

SessionStorage：

 //设置key value sessionStorage.setItem("key", "value")
 //获取key值  sessionStorage.getItem("key")    //value
 //删除指定key本地存储的值  sessionStorage.removeItem("key")
 //清除所有的key/value sessionStorage.clear()