HTML5 cookie封装 源码

cookie
        定义：
            cookie存储是html4的，一个网站共享一套cookie，cookie的值是由程序员自己定义的 ，一个文件大小不超过4kb，每个网站能存储20个作业。在不给cookie设置时间的情况下，浏览器关闭就会消失， 如果规定时间，则一定时间内就会过期，cookie的值可以携带到网络里传输

        使用场景：
            1、记录用户角色，相当于名片。
            2、记录是否参与过投票
        使用方法：
            document.cookie 获取或修改cookie值
            expores 设置cookie存储事件

         举例：          

                var t = new Date();
                t.setDate(t.getDate() + 1);//存储一天
                document.cookie = "user=admin,count=10,expires="+t;
            
多次给cookie赋值，不会被覆盖，但是属性相同则覆盖。存储如期必须为date类型。

cookie封装源码

      function getCookie(attr) {
        var arr = document.cookie.split(",");
        var str = "";
        for (var i = 0; i < arr.length; i++) {
          var value = arr[i].split("=");
          if (value[0].trim() == attr) {
            str = value[1];
          }
        }
        return str;
      }

      // 添加和修改
      function updateCookie(attr, value, date) {
        var t = new Date();
        t.setDate(t.getDate() + date);
        document.cookie = attr + "=" + value + ";expires=" + t;
      }
    //   updateCookie("wz","11",1);

      // 删除
      function delCookie(name) {
        var date = new Date();
        date.setDate(date.getDate() - 1);
        var val = getCookie(name);
        if (val != null)
          document.cookie = name + "=" + val + ";expires=" + date;
      }