首页 > 科技 >

🌟JS 操作cookie🌟

发布时间:2025-03-31 20:13:52来源:

在前端开发中,操作 `cookie` 是一项基础技能,它可以帮助我们存储用户信息或保持会话状态。通过 JavaScript,我们可以轻松地创建、读取和删除 `cookie`!下面给大家分享几个小技巧:

首先,创建一个 `cookie` 非常简单:

```javascript

document.cookie = "name=John; expires=Fri, 31 Dec 2025 23:59:59 UTC; path=/";

```

上面代码创建了一个名为 `name` 的 `cookie`,值为 `John`,并且设置了过期时间到 2025 年底。

接着,读取 `cookie` 可以通过以下方式实现:

```javascript

function getCookie(name) {

const value = `; ${document.cookie}`;

const parts = value.split(`; ${name}=`);

if (parts.length === 2) return parts.pop().split(';').shift();

}

```

这个函数可以帮我们获取指定名称的 `cookie` 值。

最后,删除 `cookie` 也很方便:

```javascript

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

```

设置过期时间为过去的时间即可删除对应的 `cookie`。

掌握这些基本操作后,你就能更好地利用 `cookie` 来优化用户体验啦!💪✨

免责声明:本文为转载,非本网原创内容,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。