js中cookie的添加、取值、删除示例代码

下面是JS中操作Cookie的完整攻略，包括添加、取值、删除示例代码：

下面是JS中操作Cookie的完整攻略，包括添加、取值、删除示例代码：

添加Cookie

在JS中添加Cookie，我们可以利用document.cookie来设置Cookie值。下面是添加Cookie的示例代码：

function setCookie(cname, cvalue, exdays) {
  let d = new Date();
  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  let expires = "expires=" + d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

上面的代码中，setCookie函数接受三个参数：Cookie名称、Cookie值和过期时间（以天为单位），通过计算出过期时间，利用document.cookie对象将Cookie写入到浏览器中。在设置Cookie时，path属性可以用来指定Cookie的作用域。

取值Cookie

如果要读取已添加的Cookie，我们可以利用document.cookie来获取Cookie值。下面是读取Cookie的示例代码：

function getCookie(cname) {
  let name = cname + "=";
  let ca = document.cookie.split(';');
  for(let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

上面的代码中，getCookie函数接受一个参数：Cookie名称，通过遍历document.cookie中的所有Cookie，找到指定名称的Cookie并返回其值。

删除Cookie

如果要删除Cookie，我们可以利用document.cookie来设置Cookie的过期时间为一个过去的值。下面是删除Cookie的示例代码：

function deleteCookie(cname) {
  document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}

上面的代码中，deleteCookie函数接受一个参数：Cookie名称，通过设置Cookie的过期时间为一个过去的时间点来删除Cookie。

希望以上的攻略和示例代码能够帮助你更好地了解和操作JS中Cookie的添加、取值和删除。