首页 > 科技 >

🌟JS设置cookie、读取cookie、删除cookie💫

发布时间:2025-03-13 17:10:17来源:

在日常开发中,我们常常需要使用`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啦!👏

免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。