首页前端开发HTMLhtml5中关于封装和添加与获取删除以及cookie介绍

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

时间2024-01-22 23:54:03发布访客分类HTML浏览562
导读:收集整理的这篇文章主要介绍了html5中关于封装和添加与获取删除以及cookie介绍,觉得挺不错的,现在分享给大家,也给大家做个参考。 cookie是储存在用户本地终端上的数据。 在我们登陆网站时有记录密码,也有时间限制比如说7天,5天等...
收集整理的这篇文章主要介绍了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;
    iarr1.length;
i++){
      //循环本数组        var arr2=arr1[i].split("=");
 //再次利用split()方法进行切割为二维数组        if(arr2[0]==name){
      //循环二维数组,当第一个值为你所传的值则返回本数组的第二个值            return arr2[1];
        }
    }
        return " ";
}
    

@R_304_613@

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

以上就是htML5中关于封装和添加与获取删除以及cookie介绍的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

h5html5

若转载请注明出处: html5中关于封装和添加与获取删除以及cookie介绍
本文地址: https://pptw.com/jishu/583531.html
canvas绘制奥运五环代码分享 HTML5中关于History模式的详解

游客 回复需填写必要信息