关于JS中cookie

cookie : 用于储存页面的用户信息
1.在文档中创建cookie document.cookie = “名字=值”; 以键值对的方式来写
①创建临时cookie----->关闭浏览器消失, 跟注释没关系
②设置失效的时间的cookie(3天之后过期) document.cookie = “名字=值;expires=过期时间”;

var dt=new Date();
dt.setHours(dt.getHours()-8);
dt.setMinutes(dt.getMinutes()+1);
document.cookie="username=小明;expires="+dt;
console.log(document.cookie);

封装存入cookie

function setCookie(name, value, time) {
    var dt = new Date();
    //设置过期时间
    dt.setHours(dt.getHours() - 8);
    dt.setMinutes(dt.getMinutes() + time);
    document.cookie = name+"="+value+";expires="+dt;

}
setCookie("小","11",1);
setCookie("大","111",3);
console.log(document.cookie);

封装读取cookie的值

function getCookie(name) {
    //1.先判断用户是否首次进入, 是的话, 没有cookie, 返回空字符串
    if(document.cookie.indexOf(name) != -1){
        //取值
        var start = document.cookie.indexOf(name);//name所对应的索引
        start = start + name.length + 1;
        var end = document.cookie.indexOf(";", start);
        //如果找不到, 会返回-1
        if(end == -1){
            //没有分号时, 也是cookie的长度
            end = document.cookie.length;
        }
        return document.cookie.substring(start, end);
    }else{
        return "";
    }
}
console.log(getCookie("username"));