使用JavaScript实现cookie的设置、读取、删除

前端的缓存基本可以分为浏览器缓存和HTTP缓存。浏览器缓存中最近几年H5推出localStorage、sessionStorage后, cookie用的相对少一些了, 但是在一些需求下, 还是需要cookie来和服务端交互的。 代码实现

// 设置cookie
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();
}

// 读取cookie
function getCookie(name){
    var arr,reg=new RegExp(“(^| )”+name+”=([^;]*)(;|$)”);
    if(arr=document.cookie.match(reg))
    return unescape(arr[2]);
    else
    return null;
}

// 删除cookie
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();
    }
}