cookie讲解

　　cookie：（翻译过来：小甜点）　　意思是不管是谁都喜欢这个小东西

　　以谷歌为例：

　　cookie：就是存放数据的东西，存放量（存储量很小，大约4KB）存放在客户端下，计算机上，应用设备上

　　应用场景：用户注册，用户登录，购物车

　　案例一：

　　　　我们今天登录一个京东账号，过几天重新打开京东页面，你会发现账号还在登录状态上，这就是存在客户端上（前提：同一台电脑 ） 用户信息存在浏览器上，

　　案例二:

　　　　我在北京用京东买了一件衣服，我爸妈在老家用我的账号登录，发现了我的购物车有这件衣服，这种存在服务器上叫session；

　　chrome浏览器在计算机中存放cookie的位置：

　　　　C:\users\Administrator\AppDate\Loca\Google\chrome\userDate\Default\Cache

　　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()  　　对汉字进行编码（主要是变成乱码）