封装Cookie

最新推荐文章于 2022-10-10 20:40:05 发布

原创最新推荐文章于 2022-10-10 20:40:05 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #js

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript封装Cookie的方法，包括设置、获取和删除Cookie的功能。通过具体代码示例，详细解释了如何操作Cookie，以实现数据的存储和读取。

封装Cookie

今天来记录一下cookie是如何封装的。

 function setCookie(name,value,iDay){  //分别代表cookie名称、cookie值、存储时间
 
        //首先将cookie的格式拼出来
        //document.cookie="name=value;expires=date";
        
        
        //然后name就换为name,vlaue就换为value，至于date就要算出这个日期对象
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iDay);
        document.cookie=name+'='+value+';expires='+oDate;
    }
    
    //a=12; b=5; c=8; d=99
    function getCookie(name){
        //1、先给cookie做一下字符串分割，
        var arr=document.cookie.split("; ");//分割后变为数组，a=12 b=5 c=8 d=99
        
        
        //2、循环数组
        for(var i=0;i<arr.length;i++){
        
            var arr2=arr[i].split("=");  //根据“=”再次分割
            
            //arr2[0]——>存储的名称 abcd
            
            //arr2[1]——>存储的值 12 5 8 99
            
            if(arr2[0]==name){  //代表找到我想要的东西了 
                return arr2[1];
            }
        }
        
        //另一种可能，用户第一次来网站，还没有cookie，所以肯定什么也找不到。所以在循环一次后就直接return 一个字符串，告诉用户什么也没找到。
        return "";
    }
    function removeCookie(name){
    
        //name名称，再随便来个值1，后面的才是重点-1，时间过期了，所以就成为了负值
        setCookie(name,1,-1);
    }

最近写博客有些频繁，时间也不固定，之后会定期在每周三更新，希望能对大家有一点帮助。