我是靠谱客的博主 优美彩虹,最近开发中收集的这篇文章主要介绍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介绍的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是优美彩虹为你收集整理的html5中关于封装和添加与获取删除以及cookie介绍的全部内容,希望文章能够帮你解决html5中关于封装和添加与获取删除以及cookie介绍所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(65)

评论列表共有 0 条评论

立即
投稿
返回
顶部