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);
        }
    }
}