前端设置、获取、删除cookie

最新推荐文章于 2025-04-24 08:30:00 发布

leo_neverGiveUp

最新推荐文章于 2025-04-24 08:30:00 发布

阅读量936

点赞数

CC 4.0 BY-SA版权

文章标签：前端操作cookie cookie 设置cookie 删除cookie 获取cookie

本文链接：https://blog.youkuaiyun.com/weixin_43915587/article/details/103677828

本文详细介绍了如何使用JavaScript进行Cookie的设置、获取和删除操作，包括设置过期日期等高级功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置cookie

/**
 * [setCookie 设置 cookie]
 * @author	 Leo
 * @param    {[type]}                 name   [变量名，必选]
 * @param    {[type]}                 value  [变量值，必选]
 * @param    {[type]}                 exdays [过期日期，可选]
 */
function setCookie(name, value, exdays) {
  let cookie = name + "=" + value + ";";
  if (exdays) {
    let d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    let expires = "expires=" + d.toGMTString();
    cookie = cookie + ' ' + expires;
  }
  document.cookie = cookie;
}

获取cookie

/**
 * [getCookie 获取 cookie]
 * @author	 Leo
 * @param    {[type]}                 cname [变量名，必选]
 * @return   {[type]}                 [返回值：变量值（字符串）]
 */
function getCookie(cname) {
  let name = cname + "=";
  let cookie = document.cookie.split(';');
  for(let i = 0, len = cookie.length; i < len; i++) {
    let c = cookie[i].trim();
    if (c.indexOf(name) === 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

删除cookie

/**
 * [getCookie 获取 cookie]
 * @author	 Leo
 * @param    {[type]}                 key[变量名，必选]
 */
function clearCookieByKey(key) {
   setCookie(key, "", -1);
 }