JS Cookie

Cookie :存储数据

1: 不同的brwoser 存放的位置不同

2: Cookie以域名的形式存储

3: Cookie数据是可以设置名字的 如 document.cookie = "name=leo"

4: 同一个域名下存放的cookie个数是有限制的，不同的browser个数是不同的

5: 每一个cookie的内容大小也是有限制的，不同的browser限制不同

6: Cookie内容推荐编码存放 encodeURI(), 通过decodeURI(解码)

 

通过document.cookie来获取cookie的时候，得到的是字符串形式的值，包含了当前网站下的所有cookie，把所有的cookie用分号+空格的形式串联起来

如果想长时间存放cookie的话，在设置cookie的时候，要同时设置一个过期时间 document.cookie = '名称=值； expires=' + 时间.toGMTString();

cookie默认是临时存储。即生命周期为browser的生命周期

      /// 设置cookie key， value 过期时间
      function setCookie(key, value, t) {
        var oDate = new Date();
        oDate.setDate(oDate.getDate() + t);
        document.cookie = key + '=' + encodeURI(value) + ';expires=' + oDate.toGMTString();
      }

      /// 获取单个cookie， 通过key
      function getCookie(key) {
        var str = document.cookie;
        var arr1 = str.split('; ');
        for (var i = 0; i < arr1.length; i++) {
          var arr2 = arr1[i].split('=');
          if (arr2[0] == key) {
            return decodeURI(arr2[1]);
          }
        }
      }
      /// 删除指定的cookie
      function removeCookie(key) {
        setCookie(key, '', -1);
      }