前端js ~ cookie的基本使用

特征

同域名共用
数据小，量少:一般5-10k，50个以下
可设过期
不安全

须知

这里面涉及了Date对象，先学会该方面知识在看本文章较好
学习或开发时测试cookie最好用火狐，才能保留cookie
浏览器会自动监听cookie的有效期，会自动删除，用户也可在浏览器的设置里面自己删除
js对cookie的增删改查目前只有document.cookie这一方法(可能我孤陋寡闻或es更新了)，即增删改查要自己封装

复习只需看

1. 特征需要看
2. 本机测试最好用火狐
3. 浏览器自动删除
4. document.cookie=“key=value;expires=”+Date实例化对象的返回值 即为增
5. 过去的时间即为删除
6. let xx=document.cookie可直接获取全部cookie，格式为"key1=value1;key2=value2…"
7. 增加一个key相同的cookie即为改

expires

是http协议中的一个字段，中文意思是过期，在js中可以理解为有效期

定义cookie

document.cookie=“key=value;expires=”+Date对象
只要key不相同，执行第二条该语句不会覆盖第一条写的cookie

不设时间则无时间，关闭浏览器则马上过期，马上删除

expires时间是隐藏的，比如alert cookie就看不出来
但key和key值都是可以看到的，而且打印一下就是全部
时间是设置给浏览器用的，不需要手动监听手动删除

获取cookie

document.cookie获取全部，再用字符串自己截取出想要的值，比如用split方法
获取出来的字符串格式为
“xx=xx；xx=xx”

修改cookie

先获取想要的cookie(查找对应的key)，
再将key值直接修改，即可对cookie进行修改

删除cookie

时间设置为过去的时间，让浏览器自动删除