JavaScript中cookie的使用

cookie是一种会话跟踪技术，cookie自身是html中ducument中的一个属性，可以用来保存一些简单的数据信息，比如用户名、密码等，下面我们一起了解一下cookie，它有下面几个特点：

1.有过期时间，可以设置，默认是关闭浏览器则清除；

2.有大小限制，一般cookie的数量在50条左右，单个cookie的大小是4k左右；

3.cookie只能存字符，且以键值对的形式保存在物理硬盘上的，如"user=admin"。

利用cookie我们可以实现记住用户名和密码，购物车等功能，那么cookie怎么使用，下面我们直接看代码：

function setCookie(key,val,ops){
    ops = ops || {};
    //处理有效期
    let e = "";
    if(ops.expires){
        var d = new Date();
        d.setDate( d.getDate() + ops.expires );
        e = ";expires="+d;
    }
    //处理路径
    let p = ops.path ? ";path="+ops.path : "";
    document.cookie = `${key}=${val}${p}${e}`;
}

function getCookie(key){
    let strC = document.cookie;	//获取所有cookie
    let arrC = strC.split("; ");	//分割cookie，拿到每条cookie
    //遍历每条cookie
    for(var i=0;i<arrC.length;i++){
        if(arrC[i].split("=")[0] === key){
            return arrC[i].split("=")[1];
        }
    }
    //循环结束后，若程序还在执行，说明没有找到一致的值，那么就返回空字符
    return "";	
}

function removeCookie(key,ops){
    ops = ops || {};
    ops.expires = -1;	//设置过期

    setCookie(key,"qweqwezzdasd",ops);	//再把ops设置给setcookie
}