JavaScript中的缓存机制cookie

1.创建cookie

创建格式

	document.cookie = '名称=值;expires=时间(国际标准时间);path=路径'

简单创建

document.cookie = 'user=maodou'

在这里插入图片描述
我们可以在创建时指定其路径和事件

document.cookie = "_key=num;expires=Sun Jan 28 2021 10:15:37 GMT+0800;path=/"

在这里插入图片描述

2.读取cookie

读取出来的cooike是字符串形式

console.log(document.cookie);

在这里插入图片描述

3.修改cookie

和创建cookie一样,我们只需要创建相同名称的cookie并修改其其他值就可以了

document.cookie = "_key=num;expires=Sun Jan 28 2021 10:15:37 GMT+0800;path=/";//之前创建的cookie
console.log(document.cookie);
document.cookie = "_key=aaa;expires=Sun Jan 28 2021 10:15:37 GMT+0800;path=/";	//修改的cookie
console.log(document.cookie);

在这里插入图片描述

在这里插入图片描述

4.删除cookie

删除cookie主要是修改cookie的时长
在这里插入图片描述

document.cookie = '_key=aaa;expires=Sun Jan 24 2021 10:15:37 GMT+0800'
console.log(document.cookie);

如果设置的时间过期了那么无法读取cookie
在这里插入图片描述
通知应用程序中的cookie也不会存在cookie
在这里插入图片描述

5.原生JS解析cookie

封装方法,先把cookie字符串从等号截断存入数组中,再把cookie的名称和值按 对象属性:值 的形式存入对象中

function method(cookie) {
      //数组实现
      var arr = cookie.split('=')
      var c = {}
      c[arr[0]] = arr[1]
      console.log(c);
      //正则表达式实现
      //var key = item.match(/^.+(?==)/);	
      //var value = item.match(/(?<==).*/)[0];
      //c[key] = value 
      //console.log(c);
    }
    method(document.cookie)

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值