插件窝 干货文章 js如何设置cookie值

js如何设置cookie值

cookie strong 设置 li 796    来源:    2024-10-23
可以通过以下步骤使用 javascript 设置 cookie 值:创建 cookie 对象使用 document.cookie 属性设置 cookie 值,包括名称、值、过期时间、路径、域名和安全标记。

如何使用 JavaScript 设置 cookie 值

第一步:创建 Cookie 对象

var cookie = document.cookie;

第二步:设置 Cookie 值

使用 document.cookie 属性设置 cookie 值。语法为:

document.cookie = "name=value; expires=date; path=path; domain=domain; secure";

其中:

  • name:cookie 的名称
  • value:cookie 的值
  • expires(可选):cookie 的过期时间(以 GMT 格式字符串指定)
  • path(可选):cookie 的路径(仅在此路径有效)
  • domain(可选):cookie 的域名(仅在此域名有效)
  • secure(可选):cookie 是否仅通过安全连接传输

示例:

要设置一个名为 "username" 的 cookie,其值为 "John Doe",并在 1 小时后过期,可以这样写:

document.cookie = "username=John Doe; expires=" + new Date(new Date().getTime() + 60 * 60 * 1000).toGMTString();

注意事项:

  • JavaScript 中的 cookie 值必须经过编码,以防止特殊字符(如空格和引号)出现问题。可以使用 encodeURIComponent() 函数对值进行编码。
  • 在使用 JavaScript 设置 cookie 之前,务必先获得用户的同意。
  • Cookie 大小有限制,通常为 4KB。