javascript的Cookie是什么_如何设置和读取用户信息?

admin 百科 13
Cookie是浏览器提供的客户端小型文本存储机制,用于保存登录状态等数据,由服务器通过Set-Cookie设置、浏览器自动回传,具大小限制、作用域控制及HttpOnly等安全属性。

javascript的Cookie是什么_如何设置和读取用户信息?-第1张图片-佛山资讯网

Cookie 是浏览器提供的一种小型文本存储机制,用于在客户端(用户电脑)保存少量数据,比如登录状态、用户偏好或会话标识。它由服务器通过 HTTP 响应头 Set-Cookie 发送,浏览器自动保存,并在后续同源请求中通过 Cookie 请求头回传给服务器。

Cookie 的基本特点

• 每个 Cookie 大小通常限制在 4KB 左右,且同一域名下总数量有限(一般约 50 个)
• 默认是会话级的(关闭浏览器即失效),但可设置 ExpiresMax-Age 变成持久化
• 支持作用域控制:Domain(指定可读取的域名)、Path(指定路径前缀)
• 安全相关属性:HttpOnly(JS 无法访问,防 XSS)、Secure(仅 HTTPS 传输)、SameSite(防 CSRF)

用 JavaScript 设置 Cookie

原生方式通过 document.cookie 字符串赋值实现,注意格式必须严格:

// 设置一个有效期 7 天的用户昵称 Cookie
document.cookie = "username=张三; max-age=604800; path=/; domain=.example.com; secure; SameSite=Lax";

// 设置 HttpOnly 的 Cookie 必须由后端写入,前端 JS 无法设置该属性

标签: javascript java js 前端 cookie 编码 浏览器 电脑 工具 session 后端 ai 作用域

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~