cookie:(翻译过来:小甜点) 意思是不管是谁都喜欢这个小东西
以谷歌为例:
cookie:就是存放数据的东西,存放量(存储量很小,大约4KB)存放在客户端下,计算机上,应用设备上
应用场景:用户注册,用户登录,购物车
案例一:
我们今天登录一个京东账号,过几天重新打开京东页面,你会发现账号还在登录状态上,这就是存在客户端上(前提:同一台电脑 ) 用户信息存在浏览器上,
案例二:
我在北京用京东买了一件衣服,我爸妈在老家用我的账号登录,发现了我的购物车有这件衣服,这种存在服务器上叫session;
chrome浏览器在计算机中存放cookie的位置:
C:usersAdministratorAppDateLocaGooglechromeuserDateDefaultCache
chrome浏览器,如何查看cookie和删除cookie;
1.右击找到设置;
2.找到高级;
3.点击内容设置,
4.点里面cookie
5.删除cookie cookie里面的数据全部清除,就是删除cookie
如何去设置cookie?
cookie是document对象的属性;
值是string类型
但是里面书写的格式用 名值对 name=value 键值对 name:value
document.cookie="user=zhang";
document.cookie="age=12";
document.cookie="sex=0";
console.log(document.cookie) //得到的结果 user=zhang;age=12;sex=0
cookie中的值,每个(名值对)用分号隔开,所以我们设置cookie这样设置;
document.cookie="user=zhang;name=li;age=45"
我们还可以设置他的生命周期,什么时候结束;
设置cookie的声明周期,使用expires,这个名,单位是天,现在出一个新的名叫max-age 单位是秒;
案例:
var date=new Date()
date.setDate(date.getDate()+7) //这个意思就是向后7天
document.cookie="user=zhang,age=20;expires="+date;
删除cookie:就是将生命周期,提前结束,就是删除cookie;
案例:
var date=new Date()
date.setDate(date.getDate()-7) //这个意思就是提前7天
document.cookie="user=zhang,age=20;expires="+date;
获取到cookie
案例:
document.cookie="user=yifan";
document.cookie="age=23";
document.cookie="password=xu123456"
function getcookie(key){
var arr=document.cookie.split(";");
for(var i=0;i<arr.length;i++){
var ass=arr[i].split("=")
if(ass[0].trim()==key){
return ass[1]
}
return false;
}
这个案例主要运用到字符串的方法;
有些浏览器不识别汉字,需要转换;(如火狐)
所以用到这两个方法;
decodeURIcomponent() 对编码结果进行解码(主要是针对乱码)
encodeURIcomponent() 对汉字进行编码(主要是变成乱码)