cookie就是一个存放数据的东西,存储量很小4kb,存放在客户端上和应用设备上。

应用场景

  用户注册,用户登录,购物车。

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

C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Cache

Chrome浏览器如何查看cookie和删除cookie

  1.找到设置

  2.点高级

  3.内容设置

  4.cookie

  5.删除cookie

案例1

  我们今天登录了一个京东的账号。过几天重新打开京东这个页面,发现账号还在登录的状态上。这个就是存在客户端。使用cookie

案例2

  我在北京用京东放了一件衣服在购物车,我爸妈在老家用我的账号登录,发现了我的购物车有这件衣服。这种是存在服务器上的叫sesssion

设置cookie

  cookie是document对象的一个属性,值是string类型。

  但是里面书写的格式用命值对  name=value      键值对      key:value

 

cookie中的值   每个明知对用分号;隔开。所以我们设置cookie这样设置

document.cookie="user=zhang:name=li;age=45"

设置cookie的生命周期

  设置cookie的生命周期使用expires这个名,单位是天,现在出一个新的名叫max-age单位是秒。

删除cookie

  将生命周期提前结束,就是删除cookie

获取cookie

 

  借鉴string的split()方法

面试题

var    arr=[12,56,12,56,2,56,89];将数组转化成json属性是里面的元素,属性值是元素出现的个数

这是结果

封装一个获取cookie的方法

function getcookie(keys){

  var    arr=document.cookie.split(";");

  for(var i=0; i<arr.length; i++){

    var ass=arr[i].split("=");

    if(ass[0].trim()==keys){

    return   ass[i];

    }

  }

    return    false;

}

有些浏览器不识别汉字需要编码

encodeURIComponent()    对汉字进行编码

decodeURIComponent()   对编码的结果进行解码

cookie

谷歌存放的cookie的位置

C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default

怎么在谷歌下看cookie

chrome://settings/siteData

点浏览器设置--》高级--》隐私设置和安全性--》 内容设置-----》cookie

chrome://settings/comtent/cookies

设置cookie

Document.cookie="user=zhang"

每个cookie值是以明值对的形式   name=value的形式存储,并且之间用;号隔开。

设置cookie的时长  用expries设置时间的单位是天   现在推荐用max-age单位是秒

删除cookie就是

js中的cookie的更多相关文章

  1. 【原创】js中利用cookie实现记住密码功能

    在登录界面添加记住密码功能,我首先想到的是在java后台中调用cookie存放账号密码,大致如下: HttpServletRequest request HttpServletResponse res ...

  2. 在node.js中使用COOKIE

    node.js中如何向客户端发送COOKIE呢?有如下两个方案: 一.使用response.writeHead,代码示例: //设置过期时间为一分钟 var today = new Date(); v ...

  3. js中的cookie使用

    在网上找到的资料,收藏一下 function getCookies(name) { var arr = document.cookie.match(new RegExp("(^| )&quo ...

  4. js 中的cookie

    根据智能社31cookie基础与应用总结, cookie的特性: 1.同一个网站,共用一套cookie,实际上是根据域名来区分的. 如t.sina.com.cn ,和weibo.com这两个都是新浪微 ...

  5. 在jsp页面的js中使用Cookie的原理介绍以及相应方法的代码

    1. 设置cookie 1.1 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="user_Id=828&q ...

  6. js中对cookie的操作及json数据与cookie结合的用法

    cookie的使用 添加cookie 添加cookie:document.cookie = “key=value”; // 一次写入一个键值对 document.cookie = 'test1=hel ...

  7. js中实现cookie的增删改查(document.cookie的使用详情)

    一.设置cookie的值 1.每个cookie都是一个名称/值对,名称/值对用等号连接,并将该名称/值对赋值给document.cookie即可.如:document.cookie="id= ...

  8. js中的cookie使用和vue-cookie的使用

    在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cookie规范定义了服务器和客户端交互信息的格式.生存期.使用范围.安全性. 在JavaScrip ...

  9. 回顾js中的cookie/localstorage

    1.首先简单总结下cookie cookie:可以做会话跟踪 特点:      1.大小限制(不能超过4k)      2.每个域下cookie不能超过50个      3.有效期(和设定时间有关), ...

随机推荐

  1. c++17 代码你能看懂吗?

    ------------------------------------------------------------------------------ #include <vector&g ...

  2. 提示缺少tns_admin的解决办法

    问题:安装ZL数据安全辅助工具后,执行时出现 “未设置系统环境变量tns_admin!” 解决: 1.查找tnsnames.ora所在目录,比如这里的目录为:C:\app\H\product\11.2 ...

  3. nginx实现https的配置文件

    server { listen ; server_name testplatform.itegou.com; proxy_set_header X-Forwarded-Host $host; prox ...

  4. USB鼠标键盘数据格式以及按键键值

    鼠标发送给PC的数据每次4个字节 BYTE1 BYTE2 BYTE3 BYTE4 定义分别是: BYTE1 --        |--bit7:   1   表示   Y   坐标的变化量超出-256 ...

  5. PHP-高并发和大流量的解决方案

    一  高并发的概念在互联网时代,并发,高并发通常是指并发访问.也就是在某个时间点,有多少个访问同时到来. 二  高并发架构相关概念1.QPS (每秒查询率) : 每秒钟请求或者查询的数量,在互联网领域 ...

  6. maven 导包报错

    作为初学者本应当是持之以恒的但是很长时间没有冒泡了这次冒个泡写maven项目的时候遇到了很多的bug,今天给大家分享一下解决的办法(常见的错误就是导不进来自己想要的包)要么就是导包报错以下是解决方法 ...

  7. 当运行docker run -i -t ubuntu /bin/bash时,提示报错Error response from daemon: EOF?

    可能是下载过程中出现错误,重新执行docker pull ubuntu,在执行docker run -i -t ubuntu /bin/bash就OK了.

  8. 基于Filebeat+Kafka+Flink仿天猫双11实时交易额

    1. 写在前面 在大数据实时计算方向,天猫双11的实时交易额是最具权威性的,当然技术架构也是相当复杂的,不是本篇博客的简单实现,因为天猫双11的数据是多维度多系统,实时粒度更微小的.当然在技术的总体架 ...

  9. 为什么MySQL数据库要用B+树存储索引?

    小史:树的话,无非就是前中后序遍历.二叉树.二叉搜索树.平衡二叉树,更高级一点的有红黑树.B 树.B+ 树,还有之前你教我的字典树. 红黑树 一听到红黑树,小史头都大了,开始抱怨了起来. 小史:红黑树 ...

  10. JMeter中添加dubbo相关插件异常问题解决

    从网上下载了一个dubbo的插件,然后放到JMeter的/lib/ext目录下: 然后启动直接异常 发现启动不了,然后下载了一个全新的JMeter3.2将dubbo插件放到同样的目录,启动,没有问题: ...