js中cookie的基本使用

cookie是document的一個字符屬性，可以用來存儲少量數據，同源情況下可存儲4KB的數據；

cookie有五個存儲屬性，詳情可見 https://www.cnblogs.com/liangye/p/13437107.html

cookie存儲時如果沒有設置date,那么在關閉瀏覽器時存儲的數據或被清除。

cookie的使用建議通過函數的封裝來使用，可簡化、美觀代碼的書寫。

如下：

//封裝函數的使用  如果不設置時間的話關閉瀏覽器時所存儲的數據就會過期
//存儲cookie 修改cookie也可調用次方法，覆蓋
function setCookie(name, value, iTime) { //name是cookie中的名，value是其值，iTime來預定過期的時間（以天為單位）
    var iDate = new Date();
    iDate.setDate(iDate.getDate() + iTime); //以天為單位,存儲是需要將Date對象存儲為格林威治時間形式的字符串
    document.cookie = name + '=' + value + ';expires=' + iDate.toGMTString();
}

//獲取cookie
function getCookie(name) {
    //web中cookie是以分號+空格隔開的
    var res = document.cookie.split('; ');
    for (let i = 0; i < res.length; i++)
        if (res[i].split('=')[0] === name) return res[i].split('=')[1];
        //未找到
    return '';
}


//移除cookie 通過設置過期時間 再次打開瀏覽器會發現過期的cookie已經被清除
function rmCookie(name) {
    setCookie(name, '', -1);
}

后續再寫cookie的進階用法