cookie的封装与使用

cookie一般使用在用户登录时保存用户的信息，它的内存空间非常小只用有4kb的空间，早期的存贮一般都是用的cookie来存贮数据
关于cookie我们在使用的时候回设置以 秒 小时 天 等不同的时间单位，通过getsec(str) 个方法我们可以传s7 d7 h4 等不同时间单位

var Cookie = {        setCookie: function(key, val, time) { //设置cookie方法 ，过期日期的时间            var strsec = getsec(time);            var exp = new Date();//获取当前时间              exp.setTime(exp.getTime() + strsec * 1);            document.cookie = key + "=" + val + ";expires=" + exp.toGMTString(); //设置cookie         },        getCookie: function(key) { //获取cookie方法              /*获取cookie参数*/            var cookies = document.cookie.replace(/[ ]/g, ""); //获取cookie，并且将获得的cookie格式化，去掉空格字符              var arrCookie = cookies.split(";") //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中              var tips; //声明变量tips              for(var i = 0; i < arrCookie.length; i++) { //使用for循环查找cookie中的tips变量                  var arr = arrCookie[i].split("="); //将单条cookie用"等号"为标识，将单条cookie保存为arr数组                  if(key == arr[0]) { //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作                      tips = arr[1]; //将cookie的值赋给变量tips                      break; //终止for循环遍历                  }            }            return tips;        },        deleteCookie: function(key) { //删除cookie方法              var date = new Date(); //获取当前时间              date.setTime(date.getTime() - 10000); //将date设置为过去的时间              document.cookie = key + "=v; expires =" + date.toGMTString(); //设置cookie          }};function getsec(str) {    var str1 = str.substring(1, str.length) * 1;    var str2 = str.substring(0, 1);    if(str2 == "s") {        return str1 * 1000;    } else if(str2 == "h") {        return str1 * 60 * 60 * 1000;    } else if(str2 == "d") {        return str1 * 24 * 60 * 60 * 1000;    }}//调用方法示例：设置cookie:  Cookie.setCookie("name","sxy",'s6');获取cookie:  Cookie.getCookie("name");删除cookie:  Cookie.deleteCookie("name");//注:在测试的时候，我们在控制台上看cookie如果cookie在过期日期内还存在，记住在cookie上右键点击refresh刷新就可以看到数据消失；## 本地存贮的用法 ##    sessionStrage： session即会话的意思，在这里的session是指用户浏览某个网站时，当页面关闭的时候，这个会话就会结束，数据就会消失；       localStorage： 将数据保存在客户端硬件设备上，除非自己手动移除数据，否则数据会一直存在页面中。    localStorage.getItem(key):获取指定key本地存储的值    localStorage.setItem(key,value)：将value存储到key字段    localStorage.removeItem(key):删除指定key本地存储的值在使用本地存贮的时候会有兼容的问题：需要考虑浏览器是否支持兼容    if (window.localStorage) {        // 针对 localStorage/sessionStorage 的代码    } else {        // 抱歉！不支持 Web Storage ..    }