cookie localstorage sessionStorage

cookie

保存在浏览器端的用户信息的文本，约4k 120~150条
 cookie必须在服务器环境下，cookie第一次在服务器生成，响应给客户端
 客户端发起请求时，cookie会跟随请求一起发送到服务器端
 优点：能记录用户信息，保持状态
 缺点：消耗相当的带宽网络资源，可能泄露用户的私隐
    

---

cookie怎么用?
请看下面的code:
   
// 1.获取cookie
function getCookie(name) {
    var cookies = document.cookie.split("; ");//所有cookie条数组成的数组
    for(var i = 0; i < cookies.length; i++) {
        var arr = cookies[i].split("=");// 将name199=value199字符串以=号分割
        if(name === arr[0]) {
            return arr[1]; // 找到立即返回
        }
    }
    return ""; //找不到返回空
}

// 2.设置cookie
// expires 天
function setCookie(name, value, expires) {
    document.cookie = name + "=" + value + ";Max-Age = " + expires * 24 * 60 * 60;
}

// 3.清除cookie
function clearCookie(name) {
    setCookie(name, "", -1);
}
 

localStorage

 本地存储，5M，不需要服务器环境，一直保留在浏览器;但是不能跨客户端跨浏览器
localStorage.getItem(name)        获取
localStorage.setItem(name, value) 设置
localStorage.removeItem(name)     移除
 

sessionStorage

会话，跟localStorage 时效不一致，浏览器或当前页面关闭，信息不保存
sessionStorage.getItem(name)        获取
sessionStorage.setItem(name, value) 设置
sessionStorage.removeItem(name)     移除