cookie存储id实例

 

将用户信息存储在前端cookie中
用户访问网站时，会从cookie中获取信息

实现这个过程的三步走：

1. 设置
2. 获取
3. 检测

存cookie

// 在cookie中设置id值
// exdays为有效期设置天数， id在这段时间内有效
function setCookie(idName,idValue,exdays){
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    // 有效期
    var expires = "expires="+d.toGMTString();
    document.cookie = idName+"="+idValue+"; "+expires;
}
setCookie("qqq",123,90)

取cookie

// 获取id值 取cookie
function getCookie(idName){
    var name = idName+ "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
    }
    return "";
}
getCookie("qqq")

取出cookie，检测cookie值

function checkCookie(){
    var user=getCookie("userid");
    // cookie中 存在该id字段
    if (user!=""){
        alert("欢迎 " + user);
    }
    // cookie中 不存在该id字段
    else {
        user = "123456";
          if (user!="" && user!=null){
              // 字段userid的值为user，有效期30天
            setCookie("userid",user,30);
        }
    }
}