JavaScript Cookies

       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的增删查改

  1. 添加,直接添加数据:document.cookie="key=value";
  2. 删除,通过设置过期时间来让它自动删除:document.cookie="key=value;expires="+new Date(); 
  3. 修改,重新设置:document.cookie="key=hello";
  4. 查询::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删除,通常将过期时间设置为过去的时间。例如,设置为前一年。

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值