Cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个cookie。可以使用JavaScript来创建和取回cookie的值。
(1)名字cookie
当访问者首次访问页面时,或许会填写他们的名字。名字会储存于cookie中。当访问者再次访问网站时,他们会收到类似"Welcome xxx xxxx"的欢迎词,而名字则是从cookie中取回的。
(2)密码cookie
当访问者首次访问页面时,或许会填写他们的密码。密码也可储存于cookie中。当他们再次访问网站时,密码就会从cookie中取回。
(3)日期cookie
当访问者首次访问网站的时候,当前日期可储存于cookie中 。当访问者再次访问网站时,他们会收到类似"您最后一次的访问日期是2018年12月1日"的消息,而日期则是从cookie中取回的。
(4) cookie主要属性
- name,value:键值对
- expires 过期时间
- path 路径
(5)cookie的增删查改
- 添加,直接添加数据:document.cookie="key=value";
- 删除,通过设置过期时间来让它自动删除:document.cookie="key=value;expires="+new Date();
- 修改,重新设置:document.cookie="key=hello";
- 查询::console.log(document.cookie.split(";")[0].split("=")[1])
(6)cookies的创建
document.cookies=name+"="+value;
cookies的创建需要给出cookies的名称和对应的cookies值。必备属性是cookies的名称name,除此之外,cookies还有四个另外的可选属性,分别是:expires属性,path属性,domain属性,secure属性。
注意:与其他属性不同,document对象的cookies属性赋值时,并不会替代原来的值,而是会创建新的cookies。
例如:
它与以下方法等价:
(7)定义cookies过期时间(expires属性)
cookies是有生命周期的,它采取格林尼治标准时间的文本字符,格式如下:
设置方法如下:
以上代码,设置了过期时间为当前时间加一年。要想让一个cookies删除,通常将过期时间设置为过去的时间。例如,设置为前一年。