📜  JavaScript Cookie属性(1)

📅  最后修改于: 2023-12-03 15:31:36.876000             🧑  作者: Mango

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";
参考资料