cookie讲解

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

原文地址:https://www.cnblogs.com/shangjun6/p/10175984.html