js操作cookie

最新推荐文章于 2022-02-13 00:02:08 发布

温柔如風

最新推荐文章于 2022-02-13 00:02:08 发布

阅读量476

点赞数

分类专栏： Vue 文章标签： javascript html

本文链接：https://blog.csdn.net/qq_36008278/article/details/120323355

版权

Vue 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

这篇博客介绍了JavaScript中处理Cookie的基本方法。包括如何使用setCookie函数设置Cookie，该函数接受键值对和过期时间作为参数，通过设置日期来确定有效期。getCookie函数用于根据名称获取Cookie的值，通过字符串匹配实现。而删除Cookie则是通过delCookie函数，将有效期设置为过去的时间来实现。这些方法对于前端开发中的用户状态管理和临时存储信息非常实用。

摘要由CSDN通过智能技术生成

Cookie本质上是对字符串的操作，所以存放都使用字符串拼接。存的时候时间要求格林威治标准时间，所有toGMTString即可
删除操作其实就是修改，将cookie的有效期设置为过期就可以了。

//设置cookie
setCookie(key,value,time){
      //30天 24小时 60分钟 60秒 毫秒为单位
      //后台shiro没有设置rememberMe 所以重开浏览器会导致cookie失效
      //传入key value 和以毫秒为单位的时间
      var exp = new Date();
      exp.setTime(exp.getTime() + time);
      document.cookie = key+"="+value+";expires="+exp.toGMTString();
},
getCookie(cookieName){
      //使用字符串匹配的方式
      if (document.cookie.length>0){
　　　　　　var start=document.cookie.indexOf(cookieName + "=")
　　　　　　if (start!=-1){ 
　　　　　　　　start=start + cookieName.length+1
　　　　　　　　 var end=document.cookie.indexOf(";",start)
　　　　　　　　if (end==-1) end=document.cookie.length　　
　　　　　　　　return unescape(document.cookie.substring(start,end))
　　　　　　} 
　　　　}
　　　　return null
},
//删除cookie
    delCookie(cookieName){
      //将cookie有效期设置为<0
      var exp = new Date();
      exp.setTime(exp.getTime() - 1);
      var cval=getCookie(name);
      if(cval!=null)
      document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}