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
}