cookie封装、创建、查找、删除及清空

cookie应用

首先创建一个外部js并引入

cookie的封装，创建，查找以及删除

这里是创建成功效果图

30是查找cookie中age取到的值

这里是删除cookie中的age

清空cookie有两种方法
第二种是利用删除的方法进行清空的


html内容部分

<script>
//创建cookie
    setCookie('name','张三');
    setCookie('age',30)
//查找cookie
    var result=getCookie('age');   
    if(!result){
        console.log('cookie值找不到');
    }else{
        console.log(result);
    }
// 删除cookie
    removeCookie('age');
//清空cookie
    clearCookie();
</script>

外部js内容部分

        //封装cookie
function setCookie(key,val,time){
    var date=new Date;
    date.setDate(date.getDate()+time);
    document.cookie=`${key}=${val};expires=${date}`;
}
        //查找cookie
function getCookie(key){
    var arr=document.cookie.split('; ')
    for(var item of arr){
        var newArr=item.split('=');
        if(newArr[0]==key){
            return newArr[1]
        }
    }
}
 //删除cookie值
function removeCookie(key_){
    this.setCookie(key_,'',-1)
}

        // 1.清空cookie
function clearCookie(){
    var arr=document.cookie.split('; ')
    for(var item of arr){
        var newArr=item.split('=');
        this.setCookie(newArr[0],'',-1);
    }
}
        //2.清空cookie
// function clearCookie(){
//     var arr=document.cookie.split('; ')
//     for(var item of arr){
//         var newArr=item.split('=');
//         this.removeCookie(newArr[0]);
//     }
// }