html5中关于封装和添加与获取删除以及cookie介绍

　cookie是储存在用户本地终端上的数据。　　在我们登陆网站时有记录密码，也有时间限制比如说7天，5天等等这都是我们利用cookie来写的，　　这就是利用了cookie的会话周期，但cookie同时又是不安全的我们可以打开网页看到用户输入的密码，而且又是依赖于服务器环境的，　　再写cookie时还要设置储存路径，而我们获取出来的值又是字符串，同时它又是非常小的，只有4kb,　　下面我们来封装一下coookie　　封装设置cookie：

　function setCookie(name,value,iDay) {  //传值为名，值，过期时间    if(iDay){ //如果有过期时间的话则执行这个条件          var oDate=new Date(); //获取当且的事件戳          oDate.setDate(oDate.getDate()+iDay); //设置过期事件          document.cookie=name+"="+value+"; path=/; expires="+oDate;//设置cookie      }else {//如果有过期时间的话则执行这个条件 设置cookie          document.cookie=name+"="+value+"; path=/"; //名，值以及根目录      }  }

获取cookie值

function getCookie(name) {      var arr1=document.cookie.split("; ");  获取cookie值并且用”； “来进行切割成数组      for(var i=0;i<arr1.length;i++){  //循环本数组          var arr2=arr1[i].split("="); //再次利用split（）方法进行切割为二维数组          if(arr2[0]==name){  //循环二维数组，当第一个值为你所传的值则返回本数组的第二个值              return arr2[1];          }      }      return " ";  }

删除cookie

function removeCookie(name) {      setCookie("jack","1234",-1);  //再次调用setCookie,关键是把过期时间设置为负值  }

以上就是html5中关于封装和添加与获取删除以及cookie介绍的详细内容，更多内容请关注技术你好其它相关文章！