在Web开发中，为了保持用户登录信息或其他用户相关的信息，通常会使用cookie技术。但在某些情况下，我们需要清空cookie。在本文中，我们将探讨不同的方法来清空cookie，并提供相关代码示例。
一、JS清空数组
在该场景中，我们需要全部清空cookie。要做到这一点，最简单的方法是清空其存储cookie值的数组。下面是JavaScript代码示例：
document.cookie.split(";").forEach(function(c) {
document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");
});
代码解释：
document.cookie用于检索文档中定义的所有cookie。split(";")将所有cookie分割成一个数组，然后使用forEach循环遍历cookie，并将所有cookie的过期日期设为当前日期。这能确保cookie立即失效并随即删除。
二、JS清空input文本框的值
在该场景中，我们需要清空特定的input文本框中的值。下面是JavaScript代码示例：
document.getElementById("myTextbox").value = "";
代码解释：
document.getElementById("myTextbox")用于捕获文档中具有指定ID的元素。value属性用于设置该元素的当前值。赋值为空字符串将在文本框清除所有内容，并在提交表单之前，用户必须重新输入。
三、JS清空内容
在该场景中，我们需要清空指定元素中的所有内容。下面是JavaScript代码示例：
document.getElementById("myElement").innerHTML = "";
代码解释：
document.getElementById("myElement")用于捕获文档中具有指定ID的元素。innerHTML属性用于设置该元素的HTML内容。设置为空字符串将清空该元素，所有的子节点都将被删除。
四、JS清空历史记录
在该场景中，我们需要清空浏览器中的历史记录。下面是JavaScript代码示例：
window.history.pushState("", "", "/");
代码解释：
使用window.history.pushState()，你可以替换当前的URL，并将其添加到历史堆栈中。传递的第一个参数为空字符串，第二个参数为空，第三个是将URL更改为根目录，这将清空浏览器的历史记录。
五、JS清空input输入框内容
在该场景中，我们需要清空表单中的表单元素的值。下面是JavaScript代码示例：
document.forms[0].reset();
代码解释：
document.forms[0].reset()获取表单元素的引用，并将所有输入字段的值重置为空字符串。
六、JS创建cookie
在该场景中，我们需要将新cookie添加到用户的计算机中。下面是JavaScript代码示例：
document.cookie = "username=John Doe";
代码解释：
document.cookie用于设置文档cookie。使用“=”将键和值分隔开，然后将键值对作为字符串储存在cookie中。
七、JS设置cookie值
在该场景中，我们需要为现有cookie设置新值。下面是JavaScript代码示例：
document.cookie = "username=Jane Doe; expires=Thu, 18 Dec 2022 12:00:00 UTC; path=/";
代码解释：
在cookie的名称和要设置的新值之间添加“=”。expires属性用于设置cookie的过期时间。使用path="/"的所有页面都可以获取cookie。
八、JS获取cookie数据
在该场景中，我们需要读取cookie的值。下面是JavaScript代码示例：
var x = document.cookie;
代码解释：
document.cookie用于返回一个包含文档中所有cookie的字符串。该字符串包含名称和值之间用等号分隔开的每个cookie的列表。
九、JS清除浏览器cookie
在该场景中，我们需要清除用户浏览器的cookie。下面是JavaScript代码示例：
function clearCookies() {
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 UTC; path=/;";
}
}
代码解释：
该代码会分割cookie并删除它们。在比较cookie的名称之前，该方法会删除名称和值之间的所有空格。循环将遍历cookie，并将每个cookie的过期时间设置为Unix纪元时间（即1970年1月1日），这将导致该cookie在当前时间之前过期。添加cookie到文档中的Cookies中，使它们在下一次请求时被丢弃。
