关于原生javascript中的cookie封装_原生javascript实现cookie操作方法封装-优快云博客

本文链接：https://blog.youkuaiyun.com/jiangjin_ze/article/details/79180269

简单描述下什么是会话跟踪技术:
由于http协议是无状态的无法保存用户的许多信息,在交互过程中无法进行判断,于是利用了可以在HTTP头信息进行传递的特点，让浏览器的每一次网页请求，都可以伴随Cookie传递,并保存在客户端记录中,以达到跟踪效果.

<!DOCTYPE html>
<html>
    <head>
         <meta charset="UTF-8">
         <title></title>
    </head>
    <body>
    </body>
<script type="text/javascript">
    /*增删改查*/
    /*设置cookie*/
    function setCookie(name,value,t){
         var d = new Date();
         d.setDate(d.getDate()+t);
         document.cookie = name + "=" + value +";expires=" + d;
    }

     setCookie("user","123456",10);
     setCookie("name","admin",20);


    /*获取cookie*/
    function getCookie(name){
         var str = document.cookie;
         //console.log(str);  user=123456; name=admin 至少要有两个参数才能看见空格
         var newArr = [];
         var arr = str.split("; ")
         for(var i= 0;i<arr.length;i++){
             newArr.push(arr[i].split("="));
         }
         for(var i= 0;i<newArr.length;i++){
             if(name == newArr[i][0]){
                 return newArr[i][1];
             }
         }
    }
    //console.log(getCookie("user"));

    /*删除封装*/
    function removeCookie(name){
         setCookie(name,"123",-1);
    }
    removeCookie("name");
</script>
</html>