html5中如何封装和添加与获取删除以及cookie-创新互联

html5中如何封装和添加与获取删除以及cookie？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

创新互联公司是一家专业提供吴桥企业网站建设,专注与成都网站制作、成都网站设计、H5页面制作、小程序制作等业务。10年已为吴桥众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

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
删除cookie
function removeCookie(name) {
    setCookie("jack","1234",-1);  //再次调用setCookie,关键是把过期时间设置为负值
}
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联网站制作公司行业资讯频道，感谢您对创新互联建站的支持。
            

            本文名称：html5中如何封装和添加与获取删除以及cookie-创新互联            

            网站网址：http://6mz.cn/article/dogjgc.html