HTML5-4【cookie增删改查、用户追踪】

一.cookie增删改查

(1).设置

document.cookie = 'name=xiaoxiong';

(2).设置过期

设置秒数

document.cookie = 'name=xiaoxiong;max-age=30';

不设置过期时间则关闭标签删除，设置后按设置时间删除

设置时间

var d = new Date(),
    day = d.getDate();
d.setDate(day+10);
document.cookie = "name=xiaohong;expires="+d;    

name值中不能有分号

(3).删除cookie

设置为过去时间即可

var d = new Date(),
    day = d.getDate();
d.setDate(day-10);
document.cookie = "name=xiaohong;expires="+d;   

(4).查询

要通过数组分割

(5).封装增删改查

let manageCookies = {
          set(key,value,expTime){
              document.cookie = key + '=' + value + ';max-age=' + expTime;
              return this;
          },
          delete(key){
              return this.set(key,'',-1);
          },
          get(key,cb){
            let cookieArray = document.cookie.split(';');
            for(let i = 0; i < cookieArray.length;i++){
                let cookieItem = cookieArray[i];
                let cookieItemArray = cookieItem.split(';');
                if(cookieItemArray[0] == key){
                    cb(cookieItemArray[0])
                    return this;
                }
            }
            cb(undefined);
            return this;
          }
      }
      manageCookies.get('xx',(data)=>{
          console.log(data);
      })

二.用户追踪

1.HTTP headers

2.ip地址

3.用户登陆

4.胖url

5.cookie服务器发送给用户浏览器并保存在本地得一小块资源