<center>cookie的----获取/删除 /设置/修改/及七天免登录实列</center>

1. 什么是cookie

HTTP协议本身是无状态的。什么是无状态呢，即服务器无法判断用户身份。Cookie实际上是一小段的文本信息（key-value格式）。客户端向服务器发起请求，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。
打个比方，我们去银行办理储蓄业务，第一次给你办了张银行卡，里面存放了身份证、密码、手机等个人信息。当你下次再来这个银行时，银行机器能识别你的卡，从而能够直接办理业务。

2. cookie机制

当用户第一次访问并登陆一个网站的时候，cookie的设置以及发送会经历以下4个步骤：

客户端发送一个请求到服务器 --》 服务器发送一个HttpResponse响应到客户端，其中包含Set-Cookie的头部 --》 客户端保存cookie，之后向服务器发送请求时，HttpRequest请求中会包含一个Cookie的头部 --》服务器返回响应数据

3.cookie的----获取/删除 /设置/修改

// 设置cookie
function setCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }else{
        var expires = "";
    }
    document.cookie = name+"="+value+expires+"; path=/";
}

// 获取cookie
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

// 删除cookie
function deleteCookie(name) {
    setCookie(name,"",-1);
}

4. cookie 七天免登录实列

   用户名：<input type = "text">
    密码：<input type = "password">
    <label><input type="checkbox">七天免登录</label>
    <input type="button" value="登录">
    <script>
        var aInput = document.getElementsByTagName('input');

        if(getCookie('username')){
            aInput[0].value = getCookie("username");
            aInput[1].value = getCookie("password")
        }

        aInput[3].onclick = function(){
            var username = aInput[0].value;
            var username = aInput[1].value;
            if(aInput[2].checked){
                setCookie('username',username,7);
                setCookie('password',password,7)
                
            }
        }