如何用javascript操作cookie_如何读取和设置？-js教程-PHP中文网

如何用javascript操作cookie_如何读取和设置？

幻影之瞳

发布： 2025-12-15 10:42:41

原创

614人浏览过

JavaScript通过document.cookie操作Cookie，需手动拼接字符串设置、解析字符串读取、用过期时间覆盖删除；须注意path/domain一致性和编码处理。

如何用javascript操作cookie_如何读取和设置？

JavaScript 操作 Cookie 主要通过 document.cookie 这个属性来完成，它是一个字符串接口，读写都走这里，但语法有点反直觉——不能直接用对象方式增删改查，得手动拼接和解析。

如何设置 Cookie

设置 Cookie 就是给 document.cookie 赋一个格式化的字符串。基本格式是：key=value; expires=...; path=/; domain=...; secure; HttpOnly（注意：HttpOnly 只能由服务端设置，JS 无法写入）。

最简设置：document.cookie = "username=john"; —— 会创建一个会话级 Cookie（关闭浏览器即失效）
带过期时间（UTC 时间）：document.cookie = "theme=dark; expires=Thu, 01 Jan 2030 00:00:00 GMT";
指定路径和域名（确保子路径可访问）：document.cookie = "token=abc123; path=/; domain=.example.com; secure";

如何读取 Cookie

document.cookie 返回的是一个分号+空格分隔的字符串，比如："username=john; theme=dark; token=abc123"。需要手动解析才能拿到某个 key 的值。

简单提取函数示例：

function getCookie(name) {
  const cookies = document.cookie.split('; ');
  for (let cookie of cookies) {
    const [key, value] = cookie.split('=');
    if (key === name) return decodeURIComponent(value);
  }
  return null;
}
// 使用：getCookie('username') → "john"

登录后复制

如何删除 Cookie

没有直接的删除方法，本质是“覆盖”：设置同名 Cookie，但把 expires 设为过去的时间（如 1970 年），浏览器就会立即丢弃它。

NetShop网店系统

NetShop软件特点介绍： 1、使用ASP.Net(c#)2.0、多层结构开发 2、前台设计不采用任何.NET内置控件读取数据，完全标签化模板处理，加快读取速度3、安全的数据添加删除读取操作，利用存储过程模式彻底防制SQL注入式攻击4、前台架构DIV+CSS兼容IE6,IE7,FF等，有利于搜索引挚收录5、后台内置强大的功能，整合多家网店系统的功能，加以优化。6、支持三种类型的数据库：Acces