html5中如何封装和添加与获取删除以及cookie

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

删除cookie

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

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


文章标题:html5中如何封装和添加与获取删除以及cookie
转载来源:http://bzwzjz.com/article/iisgjh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆电商网站建设 企业网站设计 成都模版网站建设 成都定制网站建设 网站制作公司 企业网站制作 成都网站建设 网站建设公司 营销网站建设 企业网站建设 高端定制网站设计 成都做网站建设公司 成都网站制作 手机网站制作 成都商城网站制作 广安网站设计 四川成都网站建设 网站设计公司 移动网站建设 网站建设改版 自适应网站建设 成都网站建设公司