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的进阶用法