cookie js 清空

在JavaScript中，清空Cookie可以通过多种方式实现，以下是一些常见的方法：

1、清空单个Cookie

使用document.cookie直接设置过期时间

原理：通过将指定Cookie的过期时间设置为过去的某个时间点，浏览器会自动删除该Cookie。

示例代码：

 function clearSpecificCookie(cookieName) {
           document.cookie = cookieName + '=; Max-Age=-99999999;';
       }
       // 调用函数清空名为"userToken"的Cookie
       clearSpecificCookie('userToken');

解释：上述代码中，Max-Age属性设置为一个负值（如-99999999），表示该Cookie立即过期，浏览器会识别这个过期时间，并将对应的Cookie从存储中删除，这种方法适用于清空单个已知名称的Cookie。

使用Set-Cookie头部覆盖

原理：服务器可以通过设置特殊的Set-Cookie头部来删除客户端的Cookie，当服务器返回一个同名的Cookie，但其值为空且设置了过期时间，浏览器会用这个新的Cookie覆盖旧的Cookie，从而实现删除的效果。

示例代码：

 // 假设服务器端设置了如下响应头来删除Cookie
       // Set-Cookie: userToken=; Expires=Thu, 01 Jan 1970 00:00:00 GMT; Path=/;
       // 客户端接收到这个响应后，名为"userToken"的Cookie就会被删除

解释：这种方法通常需要服务器端和客户端协同工作，服务器在需要删除客户端Cookie时，发送一个特殊的Set-Cookie头部，客户端浏览器根据这个头部信息更新本地的Cookie存储，将指定的Cookie删除。

2、清空所有Cookie

遍历document.cookie并逐个删除

原理：先获取所有的Cookie字符串，然后将其分割成单个的Cookie，再遍历每个Cookie，将其过期时间设置为过去，从而删除所有Cookie。

示例代码：

 function clearAllCookies() {
           var cookies = document.cookie.split(";");
           for (var i = 0; i < cookies.length; i++) {
               var cookie = cookies[i];
               var eqPos = cookie.indexOf("=");
               var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
               document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
           }
       }
       // 调用函数清空所有Cookie
       clearAllCookies();

解释：上述代码中，首先使用document.cookie.split(";")将Cookie字符串按分号分割成数组，每个元素是一个单独的Cookie字符串，然后遍历这个数组，对于每个Cookie字符串，找到等号的位置，提取出Cookie的名称，通过设置expires属性为一个过去的日期（如Thu, 01 Jan 1970 00:00:00 GMT）来删除该Cookie，这种方法可以清空当前页面所有的Cookie。

使用第三方库（如js-cookie）

原理：一些第三方库提供了更简洁和方便的方法来操作Cookie，包括清空所有Cookie，这些库封装了底层的操作逻辑，使得开发者可以使用简单的API来完成复杂的任务。

示例代码：

 // 引入js-cookie库
       <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
       // 清空所有Cookie
       Cookies.removeAll();

解释：上述代码中，首先通过<script>标签引入了js-cookie库，然后使用Cookies.removeAll()方法即可清空所有的Cookie，这种方法简单快捷，但需要在项目中引入额外的库文件。

JavaScript中清空Cookie有多种方法可供选择，开发者可以根据具体的需求和场景选择合适的方法来实现Cookie的清空操作。