javascript js cookie的存储,获取和删除-前端开发

JavaScript Cookie是一种客户端存储技术，允许网站存储少量信息在客户端的浏览器中。以下是JavaScript Cookie的存储、获取和删除的详细攻略：

JavaScript Cookie是一种客户端存储技术，允许网站存储少量信息在客户端的浏览器中。以下是JavaScript Cookie的存储、获取和删除的详细攻略：

存储

为了存储Cookie，需要使用document.cookie属性。这个属性允许我们在客户端创建、读取和删除Cookie。以下代码展示了如何创建一个Cookie：

document.cookie = "name=value; expires=date; path=path; domain=domain; secure";

name=value：Cookie的名称和值
expires：Cookie的过期时间，以GMT格式表示。如果未设置过期时间，Cookie将在浏览器关闭时删除
path：Cookie可用的路径，默认为当前网页路径
domain：Cookie可用的域名，默认为当前域名
secure：如果设置为true，则只有在安全连接（HTTPS）上才能发送Cookie

以下是使用JavaScript创建一个名为username，值为John的Cookie的示例代码：

document.cookie = "username=John; path=/";

获取

为了获取Cookie的值，需要读取document.cookie属性，并解析字符串来找到我们需要的Cookie值。以下是使用正则表达式来获取名为username的Cookie的值的示例：

function getCookie(name) {
  let cookieArr = document.cookie.match(`(^|;) ?${name}=([^;]*)(;|$)`);
  return cookieArr ? cookieArr[2] : null;
}
let username = getCookie("username");
console.log(username); // "John"

该函数使用了正则表达式匹配寻找Cookie名称为name的Cookie，并返回该Cookie的值。如果找不到该Cookie，则返回null。

删除

为了删除Cookie，只需要设置该Cookie已过期即可。以下是使用JavaScript删除名为username的Cookie的示例：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";

该代码将过期日期设置为1970年1月1日，使该Cookie在客户端过期，从而删除了该Cookie。

综上，以上是JavaScript Cookie的存储、获取和删除完整攻略。