js对cookie存储

JavaScript（JS）使用`document.cookie` API来进行客户端的Cookie存储。Cookie是一种小型文本文件，通常由浏览器保存在用户的设备上，用来跟踪用户信息，如会话状态、偏好设置等。以下是关于JavaScript和Cookie存储的一些基本信息：

1. **创建Cookie**：使用`document.cookie`属性可以设置新Cookie。例如：

   document.cookie = "username=John; expires=Fri, 31 Dec 2099 23:59:59 GMT";

2. **读取Cookie**：通过键名可以直接读取已存在的Cookie值：

   const username = getCookie("username");
   function getCookie(name) {
     const cookies = document.cookie.split(';');
     for (let i = 0; i < cookies.length; i++) {
       let cookie = cookies[i].trim();
       if (cookie.indexOf(name + '=') === 0) return decodeURIComponent(cookie.split('=')[1]);
     }
     return null;
   }

3. **更新Cookie**：可以先删除旧的，然后设置新的：

   deleteCookie("username");
   document.cookie = "username=Jane; expires=Thu, 31 Dec 2023 23:59:59 GMT";

4. **删除Cookie**：使用`deleteCookie`函数可以删除指定名称的Cookie：

   function deleteCookie(name) {
     document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
   }