js 如何设置cookie

在JavaScript中，可以通过document.cookie属性来设置cookie。以下是设置cookie的基本语法：

document.cookie = "key=value; expires=日期; path=路径; domain=域名; secure; samesite";

各部分参数的含义如下：

• key=value：这是cookie的名称和值，例如username=John。
• expires：cookie的过期时间，是一个GMT格式的日期字符串。如果不设置，cookie将在浏览器会话结束时过期。
• path：指定cookie的有效路径，默认是当前页面所在的目录。设置为/表示在整个网站内都有效。
• domain：指定cookie的有效域名，例如.example.com可以让cookie在所有子域名下都有效。
• secure：如果设置了这个属性，那么cookie只能通过HTTPS协议发送到服务器。
• samesite：设置cookie的跨站请求行为，可以是Strict、Lax或None。Strict表示cookie不会在跨站请求中发送，Lax表示对于GET请求，cookie会在跨站请求中发送，但POST请求不会，None表示cookie会在所有跨站请求中发送，此时必须同时设置secure属性。

下面是一个设置cookie的示例代码：

// 设置一个名为 "username" 的cookie，值为 "John"
document.cookie = "username=John; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

// 如果需要设置一个安全的cookie，并且只在当前站点下有效
document.cookie = "sessionToken=abc123; path=/; secure; samesite=Strict";

如果你想要设置一个有过期时间的cookie，可以使用Date对象来构造过期时间字符串：

var date = new Date();
date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000)); // 设置过期时间为7天
var expires = "expires=" + date.toUTCString();

document.cookie = "username=John;" + expires + ";path=/";

请注意，由于cookie的安全性和隐私性问题，现代浏览器对cookie的使用有一些限制，例如对第三方cookie的限制，以及对cookie大小的限制（通常每个cookie不能超过4KB）。因此，在使用cookie时，应确保遵守相关的最佳实践和法规要求。