前端删除cookie
时间: 2023-09-01 07:13:39 浏览: 158
在前端,我们可以通过设置cookie的过期时间来达到删除cookie的目的。具体步骤如下:
1. 使用 JavaScript 的 `document.cookie` 属性获取当前页面中的所有 cookie。
2. 遍历 cookie 列表,找到需要删除的 cookie。
3. 将需要删除的 cookie 的过期时间设置为一个过去的时间,例如 `document.cookie = "cookieName=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"`。
4. 通过 `document.cookie` 属性检查 cookie 是否已成功删除。
以下是一个示例代码:
```javascript
function deleteCookie(cookieName) {
var cookies = document.cookie.split("; ");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].split("=");
if (cookie[0] === cookieName) {
document.cookie = cookie[0] + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}
}
}
```
在使用时,只需要调用该函数并传入需要删除的 cookie 名称即可:
```javascript
deleteCookie("myCookie");
```