JavaScript设置cookie

最新推荐文章于 2025-07-17 17:24:19 发布

转载最新推荐文章于 2025-07-17 17:24:19 发布 · 449 阅读

文章标签：

#cookie #js

缓存专栏收录该内容

5 篇文章

订阅专栏

本文详细解释了在JavaScript中使用document.cookie设置cookie的方法，包括必要的参数、参数的说明以及实例应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaScript中，使用 document.cookie 来设置 cookie 。

语法：
document.cookie=" name=value ; expire=GMT_String ; path=cookieDir ; domain=cookieDomain "

对cookie格式的说明
键/值对	说明
name=value	必需。设置cookie的名称和值，一次只能设置一个。在cookie的名称或值中不会出现分号( ; )、逗号( , )、等号( = )、空格以及中文等，否则将会被浏览器编码。在cookie的名称中做到这点很容易（名称一般是开发人员设定好的），但是保存的值是不确定的，如何来存储这些值呢？方法是用escape()函数进行编码，它能将一些特殊符号使用十六进制表示，例如空格将会编码为“20%”，从而可以存储于cookie值中，而且使用此种方案还可以避免中文乱码的出现。例如，将“小明”存入cookie： document.cookie="username="+eacape("小明");
expire=GMT_String	可选。设置cookie的过期时间。默认情况下（不设置expire），用户关闭浏览器时会销毁cookie，这些cookie仅仅是存储在内存中，而没有建立相应的硬盘文件。在实际开发中，cookie 通常需要长期保存，例如保存用户登录的状态，可以通过设置 cookie 的过期时间来实现。过期时间是以GMT格式表示的时间字符串，超过这个时间，cookie将消失，不可访问。例如，如果要将cookie设置为10天后过期： var date=new Date(); // 更多请参考 JavaScript Date 对象 var expireDays=10; date.setTime(date.getTime()+expireDays243600*1000);
path=cookieDir	可选。设置cookie的有效路径。默认情况下（不设置path），cookie只在当前路径下有效，路径范围之外不能访问该cookie。例如，在 /javascript/jiaocheng/ 路径下设置的cookie，只能被 /javascript/jiaocheng/ 路径下的文件以及子目录下的文件访问。要使 cookie 全站有效，请设置 path=/ 。
domain=cookieDomain	可选。设置cookie的有效域名。默认情况下（不设置 domain），cookie 只在当前域名下有效。例如，在 demo.itxueyuan.org 下设置的 cookie ，不能在 javascript.itxueyuan.org 域名下访问。要使 cookie 在 itxueyuan.org 的所有二级域名和主域名下都有效，请设置 domain=.itxueyuan.org

请看下面几个设置 cookie 的例子。

最简单的 cookie 设置：

1	`document.cookie=` `" name=xiaoming "` `;`

对 cookie 的值进行 escape() 编码：

1 2	`var` `cookieValue=` `" 小明 "` `;` `document.cookie=` `" name= "` `+escape(cookieValue) ;`

设置有效路径为全站有效：

1	`document.cookie=` `" name=xiaoming ; path=/ "` `;`

设置过期时间为 1 天：

1

2

3

 
          var 
           date=
          new 
           Date();  
          // 创建日期对象
         
 
          var 
           cookieExpire=date.getTime()+24*3600*1000;  
          // 以微妙计算
         
 
          document.cookie=
          " name=xiaoming ; expire= "
          +cookieExpire;
         

举例，将IT学院会员的用户名和密码保存到cookie，过期时间一个月，全站有效，所有域名有效：

1

2

3

4

5

 
          var 
           username=
          "小明"
          ;
         
 
          var 
           password=
          "123456"
          ;
         
 
          var 
           expire=(
          new 
           Date()).getTime()+1000*3600*24*30;
         
 
          document.cookie = 
          " username=" 
           + escape(username) + 
          " expire=" 
           + expire + 
          " ; path=/ ; domain=.itxueyuan.org "
          ;
         
 
          document.cookie = 
          " password=" 
           + escape(password) + 
          " expire=" 
           + expire + 
          " ; path=/ ; domain=.itxueyuan.org "
          ;
         