前端学习笔记——cookie存储id实例

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

实现这个过程的三步走：

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

// 在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;
}
// 获取id值
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 "";
}
//检测是否有id值
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);
        }
    }
}