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()