前端=>js=>cookie(js)

特征

同域名共用
数据小,量少:一般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

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

发布了2 篇原创文章 · 获赞 2 · 访问量 48

猜你喜欢

转载自blog.csdn.net/ef_ef/article/details/104083731