前端如何获取指定cookie值 清除制定cookie
时间: 2023-08-04 14:19:02 浏览: 62
要获取指定的 cookie 值,可以使用 JavaScript 的 document.cookie 属性。该属性返回当前文档的所有 cookie,以字符串形式表示。我们可以将其分割成一个个的键值对,然后查找指定的 cookie 值。
代码示例:
```
function getCookie(name) {
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i].trim();
if (cookie.startsWith(name + '=')) {
return cookie.substring(name.length + 1);
}
}
return null;
}
```
调用示例:
```
const myCookie = getCookie('myCookieName');
if (myCookie) {
console.log('Found cookie value:', myCookie);
} else {
console.log('Cookie not found');
}
```
要清除指定的 cookie,可以将其过期时间设置为一个过去的时间。
代码示例:
```
function deleteCookie(name) {
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
}
```
调用示例:
```
deleteCookie('myCookieName');
```
注意:清除 cookie 只能在设置 cookie 的域和路径范围内进行。如果不确定 cookie 的域和路径,可以使用 document.cookie 属性获取当前文档的所有 cookie,然后逐个清除。