javascript Cookie如何操作_如何读写和删除Cookie-js教程-PHP中文网

javascript Cookie如何操作_如何读写和删除Cookie

狼影

发布： 2025-12-23 19:24:09

原创

950人浏览过

JavaScript通过document.cookie字符串接口操作Cookie：写入需拼接key=value及属性（如expires、path）；读取需split解析并解码；删除需覆盖写入过期同名Cookie。

javascript cookie如何操作_如何读写和删除cookie

JavaScript 中操作 Cookie 主要通过 document.cookie 实现，它是一个字符串接口，读写都依赖对字符串的解析与拼接。虽然原生方式略显繁琐，但理解其原理对调试和兼容性处理很有帮助。

如何写入 Cookie

写入 Cookie 是给 document.cookie 赋值一个符合格式的字符串。基本语法为：key=value; expires=GMTString; path=/; domain=example.com; secure; HttpOnly（注意：HttpOnly 无法通过 JS 设置）。

必须指定 value，且建议对值使用 encodeURIComponent() 编码，避免特殊字符（如空格、分号、逗号）导致截断
expires 或 max-age 决定有效期；不设置则为会话 Cookie（关闭浏览器即失效）
path 默认是当前路径，设为 / 可让整个域名下都能访问
secure 表示仅在 HTTPS 下发送（可选，写入时直接加字段即可）

示例：

document.cookie = "username=john; expires=" + new Date(Date.now() + 24 * 60 * 60 * 1000).toUTCString() + "; path=/; secure";

登录后复制

如何读取 Cookie

document.cookie 返回的是一个以分号加空格（"; "）分隔的字符串，例如："a=1; b=2; c=hello%20world"。需手动解析才能获取指定 key 的 value。

立即学习“Java免费学习笔记（深入）”；

Python对Excel操作详解中文WORD版

本文档主要介绍如何通过python对office excel进行读写操作，使用了xlrd、xlwt和xlutils模块。另外还演示了如何通过Tcl tcom包对excel操作。感兴趣的朋友可以过来看看

查看详情

先用 split('; ') 拆成键值对数组
再遍历，用 indexOf 或正则匹配目标 key（注意边界，避免 user 匹配到 username）
对 value 调用 decodeURIComponent() 解码

简易读取函数示例：

function getCookie(name) {<br>  const cookies = document.cookie.split('; ');<br>  for (let cookie of cookies) {<br>    const [key, value] = cookie.split('=');<br>    if (key === name) return decodeURIComponent(value);<br>  }<br>  return undefined;<br>}

登录后复制

如何删除 Cookie

删除 Cookie 并非调用某个方法，而是通过覆盖写入一个**已过期**的同名 Cookie（相同 domain、path、secure 等属性）。

将 expires 设为过去的时间（如 Thu, 01 Jan 1970 00:00:00 GMT）
确保 path 和 domain 与写入时一致，否则可能删不掉
若原 Cookie 是 secure 的，删除时也需带上 secure

示例：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; secure";

登录后复制

实用建议与注意事项

Cookie 总大小限制约 4KB，不适合存大量数据；敏感信息不应存 Cookie，尤其未设 HttpOnly 和 Secure
跨子域共享需统一设置 domain=.example.com（注意开头的点），且主域不能设为 localhost
现代项目推荐优先使用 localStorage 或 sessionStorage 存前端状态，Cookie 仅用于身份凭证等后端必需场景
开发中可用浏览器开发者工具 → Application → Cookies 查看和手动编辑，便于验证

以上就是javascript Cookie如何操作_如何读写和删除Cookie的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

javascript怎样进行错误处理_trycatch和Promise错误如何捕获什么是javascriptBigInt_它如何表示大整数？ javascript如何操作摄像头_怎样通过WebRTC实现视频通话 JavaScript some和every有何区别_它们返回什么？ javascript的XMLHttpRequest是什么_它与Fetch有何区别？