JavaScript Cookie 属性

介绍

Cookie 是在浏览器中存储数据的一种方式。JavaScript 可以使用 Cookie 属性来向服务器发送和接收 Cookie。Cookie 最初是由 Netscape 开发的，在现代 Web 开发中得到广泛应用。

设置和获取 Cookie

设置 Cookie 的方式如下：

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

其中，name 和 value 是必须设置的参数。可以使用 expires 参数来设置 Cookie 的过期时间，path 和 domain 参数可以用来限制 Cookie 的作用域。secure 参数可以用来指定是否只通过安全协议 (HTTPS) 传输 Cookie。

获取 Cookie 的方式如下：

var x = document.cookie;

Cookie 属性

cookieEnabled

cookieEnabled 属性返回一个布尔值，表示浏览器是否启用了 Cookie。

if (navigator.cookieEnabled) {
  // 执行 Cookie 相关代码
} else {
  // 提示用户启用 Cookie
}

domain

domain 属性用来设置 Cookie 的作用域。如果域名设置为 ".example.com"，那么该 Cookie 将会对所有以 "example.com" 结尾的域名都可用。

document.cookie = "name=value; domain=.example.com";

path

path 属性用来设置 Cookie 的路径。只有在该路径下的页面才能访问该 Cookie。

document.cookie = "name=value; path=/blog";

expires

expires 属性用来设置 Cookie 的过期时间。过期时间可以是一个日期对象或日期字符串。过期时间必须在 Cookie 的创建日期之后。

var d = new Date();
d.setTime(d.getTime() + (7*24*60*60*1000)); // Cookie 将在一周后过期
document.cookie = "name=value; expires=" + d.toUTCString();

secure

secure 属性用来设置是否仅通过安全协议 (HTTPS) 传输 Cookie。

document.cookie = "name=value; secure";

参考资料

• MDN web docs - Cookie
• W3Schools - JavaScript Cookies