温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何使用cookie

发布时间:2020-07-20 11:45:59 来源:亿速云 阅读:148 作者:Leah 栏目:web开发

本篇文章为大家展示了如何使用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,关键是把过期时间设置为负值

}

以上就是我对cookie的理解
  

上述内容就是如何使用cookie,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI