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)     移除