js cookie设置规则

js cookie设置规则
摘要：
1.JS Cookie 的定义与作用
2.JS Cookie 的设置方法
3.JS Cookie 的读取方法
4.JS Cookie 的删除方法
5.JS Cookie 的注意事项
正文：
一、JS Cookie 的定义与作用
JS Cookie（JavaScript Cookie）是一种在用户浏览器中存储数据的技术，它可以帮助网站开发者跟踪用户的行为、偏好和活动。

通过JS Cookie，网站可以实现一些个性化功能，例如自动登录、保存购物车等。

JS Cookie 实际上是HTML Cookie 的一种扩展，它允许在客户端脚本（如JavaScript）中读取、创建、修改和删除Cookie。

二、JS Cookie 的设置方法
要设置JS Cookie，可以使用以下方法：
1.使用`document.cookie`属性
`document.cookie`属性可以用来读取、创建、修改和删除Cookie。

以下是一个设置Cookie 的示例：
```javascript
function setCookie(name, value, days) {
let expires = "";
if (days) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
// 使用示例：设置名为"username"的Cookie，值为"张三"，有效期为30 天
setCookie("username", "张三", 30);
```
2.使用`Secure`和`HttpOnly`属性
为了提高Cookie 的安全性，可以设置`Secure`和`HttpOnly`属性。

`Secure`属性表示Cookie 仅在HTTPS 连接中发送，`HttpOnly`属性表示Cookie 不会在客户端脚本中发送，从而防止跨站脚本攻击（XSS）。

```javascript
function setSecureCookie(name, value, days) {
document.cookie = name + "=" + (value || "") + "; expires=" + (days? days + "d" : "0d") + "; path=/";
}
function setHttpOnlyCookie(name, value, days) {
document.cookie = name + "=" + (value || "") + "; expires=" + (days? days + "d" : "0d") + "; path=/";
}
// 使用示例：设置名为"username"的Cookie，值为"张三"，有效期为30 天，并设置为安全和仅HTTPS 传输
setSecureCookie("username", "张三", 30);
```
三、JS Cookie 的读取方法
要读取JS Cookie，可以使用以下方法：
```javascript
function getCookie(name) {
const nameEQ = name + "=";
const ca = document.cookie.split(";");
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return
c.substring(nameEQ.length, c.length);
}
return null;
}
// 使用示例：读取名为"username"的Cookie 值
const username = getCookie("username");
```
四、JS Cookie 的删除方法
要删除JS Cookie，可以使用以下方法：
```javascript
function deleteCookie(name) {
document.cookie = name + "=; expires=Thu, 01 Jan 1970
00:00:00 UTC; path=/";
}
// 使用示例：删除名为"username"的Cookie
deleteCookie("username");
```
五、JS Cookie 的注意事项
在使用JS Cookie 时，需要注意以下几点：
1.遵循最小权限原则，只设置必要的Cookie，避免泄露用户信息。

2.使用安全的Cookie 属性，如`Secure`和`HttpOnly`，提高Cookie 的安全性。

3.不要在Cookie 中存储敏感信息，例如密码。