如何在前端添加cookie
时间: 2024-05-08 19:16:13 浏览: 7
在前端中,可以使用JavaScript来添加cookie。以下是添加cookie的步骤:
1. 创建一个新的Date对象,指定cookie的过期时间。
```
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); // days为cookie过期时间,以天为单位
```
2. 使用document.cookie属性设置cookie值。
```
document.cookie = "name=value; expires=" + date.toUTCString() + "; path=/";
```
其中,name和value是要设置的cookie的名称和值,expires是cookie的过期时间,path是cookie的路径。
完整的代码如下:
```
function setCookie(name, value, days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
document.cookie = name + "=" + value + "; expires=" + date.toUTCString() + "; path=/";
}
```
使用方法:
```
setCookie("username", "John", 7); // 设置一个名为username的cookie,值为John,过期时间为7天。
```