在日常开发中，我们常常需要使用`Cookie`来存储用户信息或临时数据。今天就用简单的代码示例，教大家如何通过JavaScript设置、读取和删除`Cookie`！👀

首先，设置Cookie。我们可以使用`document.cookie`来创建一个新Cookie。例如：

```javascript

document.cookie = "username=JohnDoe; expires=Wed, 09 Oct 2024 12:00:00 UTC; path=/";

```

上面的代码设置了名为`username`的Cookie，值为`JohnDoe`，并设定了过期时间为2024年10月9日。

接着是读取Cookie。直接访问`document.cookie`即可获取所有Cookie字符串。为了方便解析，可以写个小函数：

```javascript

function getCookie(name) {

const cookies = document.cookie.split('; ');

for (let i = 0; i < cookies.length; i++) {

const [key, value] = cookies[i].split('=');

if (key === name) return decodeURIComponent(value);

}

return '';

}

```

最后，删除Cookie也很简单，只需将过期时间设置为过去的时间即可：

```javascript

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";

```

掌握这些技巧后，你就能轻松管理浏览器中的Cookie啦！👏

标 签：