zoukankan      html  css  js  c++  java
  • 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()    对汉字进行编码(主要是变成乱码)

  • 相关阅读:
    hdu 5517 Triple(二维树状数组)
    bzoj 3998: [TJOI2015]弦论(后缀自动机)
    hdu 5008 Boring String Problem(后缀数组+rmq)
    hdu 4622 Reincarnation(后缀自动机)
    hdu 6025 card card card(双指针)
    寒武纪camp Day3
    寒武纪camp Day2
    寒武纪camp Day1
    Codeforces 920G(二分+容斥)
    Codeforces 920E(补图BFS)
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10175984.html
Copyright © 2011-2022 走看看