cookie

125 阅读1分钟

题目:实现cookie的封装可以实现 增加 删除 修改 和 查询 其中把删除 修改 和增加写在通过一个函数来实现 去除多余重复的代码

 <button onclick="fn('user','zhangsan',1)">增加用户</button>
 <button onclick="fn('num','01',1)">增加编号</button>
 <button onclick="fn('user','lisi',1)">修改用户</button>
 <button onclick="fn('num','02',1)">修改编号</button>
 <button onclick="fn2('uesr')">获取uesr</button>
 <button onclick="fn2('num')">获取num</button>
 <button onclick="fn('uesr')">删除用户</button>
 <button onclick="fn('num')">删除编号</button>
      <script>
      function fn(name, value, time) {
          let oDate = new Date();
          if (value != undefined) {
           oDate.setDate(oDate.getDate() + time);
           document.cookie = name + '=' + ';expires=' + oDate;
            } else {
             oDate.setDate(oDate.getDate() - 1);
              document.cookie = name + '=' + ';expires=' + oDate;
                }
               }
               //获取
        function fn2(name) {
          let str = document.cookie
           let arr1 = str.split(";")
            for (var i = 0; i < arr1.length; i++) {
            var arr2 = arr1[i].split('=');
             if (name == arr2[0].trim()) {
             console.log(arr2[1])
               }
             }
         }
         </script>