一、什么是cookie？

　　Cookie（复数形态Cookies），中文名称为小型文本文件或小甜饼[1]，指某些网站为了辨别用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。定义于RFC2109。为网景公司的前雇员Lou Montulli在1993年3月所发明。【来自维基百科】

　　Cookie是保存在客户端中的一小段文本信息，在你浏览网页的时候，浏览器就会将其存储在硬盘上，下次访问同一地址的时候，只要cookie没有失效，浏览器就会将其信息再次发给服务器。所以，cookie伴随着用户请求和页面在web服务器和浏览器之间进行传递。cookie中包含着用户每次访问站点的时服务器端可以读取到的信息。

二、cookie 解决了什么问题？

　　解决了同一浏览器访问不同网页的时候，信息不能共享的问题。为什么呢？因为http协议是无状态的，对于同一个浏览器发出的多个请求，web服务器是无法区分来源的。cookie解决了这个问题。

三、cookie 是怎么交互的？

　　是通过http的响应头和请求头使客户端和服务器端进行交互的。

　　举个例子：以360账号登陆为例，在登陆360用户中心的时候，会向yunpan.cn这个域里面写cookie的。我们打开fiddle来看下服务器是如何写到yunpan.cn这个雨里面的吧。

　　　

　　从上图中可以看出，服务器端的cookie 是通过http响应头来发送给客户端的，每次一个写入动作，都会产生Set-cookie 的响应头，浏览器获取响应头后，来接受cookie的

　　现在我们去访问yunpan.cn 这个域的时候，我们发现，我们没有输入用户名和密码，直接登陆了。同样，我们用fillder来看看具体的过程

从上图中，我们看到cookie的值是在http的请求头里面，发送给服务器的。

四、cookie的参数以及其含义

参数 含义 取值 备注
name=<value>[名称=<值>] name表示cookie的key value 表示key的取值 存储value的值时候必须转义，一般用encodeURICompoment 进行转义，对key的合法性也必须进行检查
[; expires=<date>] cookie的过期日期， 以ms为单位，GMT为标准 缺省为空，该cookie只能被浏览器的
[; domain=<domain>] 生效的域名 域名　　 可以缺省，即为当前网页的域名
[; path=<path>] 生效的路径 /path 可以缺省，即为当前网页所在的目录，cookie不能跨Path访问，但是可以访问到父级目录设置的cookie
[; secure] 安全性 true/false 可以缺省，表示cookie只能在https链接中被浏览器传递到服务器端进行会话验证，http是不会传递该信息的

五、cookie 在不同浏览器中的差异

浏览器的类别 单域名cookie的数量上限 单个cookie的容量上限 cookie的总上限 说明
ie6 50 4095 4095 当cookie的数量超过的时候，会踢出之前的生成的cookie，保存最新的cookie的值的
ie7 50 4095 4095 同上
ie8 50 4095 4095 同上
ie9 50 4095 4095 同上
firefox12 150 4097 4097 同上
chrome17 160~170 4097 4097 同上
Safari 没有限制 4097 4097  

六、利用cookie可以做什么？

　　（1）保存用户的登陆状态，例如上例中的，用户进行登陆，成功登陆后，服务器生成特定的cookie返回给客户端，客户端下次访问该域名下的任何页面，将该cookie的信息发送给服务器，服务器经过检验，

来判断用户是否登陆。

　　（2）记录用户的行为，例如，京东商场左下角有一个最近访问的产品记录信息，当当网上有你最近浏览过的书籍信息，都是根据用户访问页面，记录到cookie的信息来制作的。

　　（3）电商购物车的处理，因为在不同页面，点击添加到购物车，这个信息也是记到了cookie里面。结账的时候统一提交

　　（4）定制页面。如果网站提供了换肤的功能，我们这个时候也是将他记录到cookie里面，以便下次访问还是保持原来的风格页面。

七、cookie的安全性

　   cookie是不安全的，因为他可以被用户篡改。同时由于cookie存储大量的信息，一旦这些信息泄露出来，也是危害很大的，所以，我们要慎用cookie

附录：测试代码

<!DOCTYPE HTML>

<html >

<head>

    <meta charset="gbk">

    <title></title>

    <script type="text/javascript">

    function setCookie(key,value, expire, domain){

        var exp = new Date();

        exp.setTime(exp.getTime() + expire);

        var str = key + "=" + encodeURIComponent(value) + ";expires=" + exp.toGMTString() + ";path=/;";

        if (domain && domain != 'localhost') {

            str += "domain=" + domain;

        }

        document.cookie = str;

    }

    for(var i=0;i<300;i++){

        setCookie('yupeng'+i,'test'+i);

    };

    document.write(document.cookie);

    </script>

</head>

<body>

    <div onclick="alert('\&quot;')">123123123</div>

</body>

</html>

使用cookie的注意事项的更多相关文章

  1. fsockopen读取、发送cookie及注意事项 -代码示例

    function httpPost($url, $data,$cookieStr='') { $url_array = parse_url($url); $host = $url_array['hos ...

  2. 关于设置了setMaxAge(0)而浏览器未成功删除Cookie的注意事项

    最近做了个系统,其中涉及到对Cookie的操作.当用户登录时,设置一些数据到Cookie中,用户登出系统的时候删除写入浏览器中的对应Cookie.问题就出在登出系统时,在firebug中看到需要删除的 ...

  3. COOKIE和SESSION关系和区别

    一.cookie介绍 cookie 常用于识别用户.cookie 是服务器留在用户计算机中的小文件.每当相同的计算机通过浏览器请求页面时,它同时会发送 cookie.通过 PHP,您能够创建并取回 c ...

  4. （进阶篇）浅谈COOKIE和SESSION关系和区别

    COOKIE介绍 cookie 常用于识别用户.cookie 是服务器留在用户计算机中的小文件.每当相同的计算机通过浏览器请求页面时,它同时会发送 cookie.通过 PHP,您能够创建并取回 coo ...

  5. Cookie和Session (转)

    Session和Cookie在网站开发中是用来保存用户与后端服务器的交互状态.它们有各自的缺点和优点.而且,他们的优点和应用场景是对立的.   Cookie 完整地描述:当一个用户通过HTTP访问一个 ...

  6. js基础---cookie存储

    一.Cookie是什么Cookie是一种客户端(浏览器)把用户信息以文件形式存储到本地硬盘的技术,说白了就是一种浏览器技术 二.Cookie的作用Cookie的作用很单一,就是存储客户数据.(存储数据 ...

  7. 说说Cookie和Session

    Session和Cookie在网站开发中是用来保存用户与后端服务器的交互状态.它们有各自的缺点和优点.而且,他们的优点和应用场景是对立的.   Cookie 完整地描述:当一个用户通过HTTP访问一个 ...

  8. COOKIE和SESSION关系和区别等

    一.cookie介绍 cookie 常用于识别用户.cookie 是服务器留在用户计算机中的小文件.每当相同的计算机通过浏览器请求页面时,它同时会发送 cookie.通过 PHP,您能够创建并取回 c ...

  9. 基于javaWeb阶段下的Cookie和Session总结

    1. 会话技术   就是用户在使用浏览器浏览界面的时候,去访问多个页面后一次性关闭浏览器,这个过程叫会话,学习会话技术就是在客户端与服务器进行交互的时候为了能更好的保存数据.在java中会话技术只有C ...

随机推荐

  1. Python如何打包EXE可执行文件

    一.安装Pyinstaller 使用Python打包EXE可执行文件时,需要使用Pyinstaller,使用命令pip install PyInstaller进行安装,如下图: 安装成功后的效果如下图 ...

  2. 基于Ace Admin 的菜单栏实现

    1.首先是数据库表必然包含以下几个字段Id ,ParnetId,Url,Name等 create table dbo.Module ( Id uniqueidentifier not null con ...

  3. WGestures鼠标手势快捷手势介绍

    1.官方网站 WGestures 2.快截图 3.自定义快捷键列表

  4. 「BZOJ 1297」「SCOI 2009」迷路「矩阵乘法」

    题意 边权\(w \in [1, 9]\)的\(n\)个结点的有向图,图上从\(1\)到\(n\)长度为\(d\)的路径计数,\(n \leq 10\). 题解 如果边权为\(1\)很经典,设\(f[ ...

  5. SpringAOP使用

    AspectJ 注解: 1.@Aspect.@Pointcut.Advice @Aspect @Component public class SecurityAspect { @Autowired A ...

  6. vue_cli下开发一个简单的模块权限系统之展现数据

    这个页面是用户列表:userList就是第二张截图中的data里面的userList vue中只要改变存放数据的载体就会实现页面改变,mounted的意思是页面加载时执行这里面的函数,我们需要在页面加 ...

  7. 2019年GPLT L2-1 特立独行的幸福 比赛题解 中国高校计算机大赛-团体程序设计天梯赛题解

    对一个十进制数的各位数字做一次平方和,称作一次迭代.如果一个十进制数能通过若干次迭代得到 1,就称该数为幸福数.1 是一个幸福数.此外,例如 19 经过 1 次迭代得到 82,2 次迭代后得到 68, ...

  8. 「洛谷P3768」简单的数学题 莫比乌斯反演+杜教筛

    题目链接 简单的数学题 题目描述 输入一个整数n和一个整数p,你需要求出 \[\sum_{i=1}^n\sum_{j=1}^n (i\cdot j\cdot gcd(i,j))\ mod\ p\]  ...

  9. Django---队列

    1.队列介绍 任务队列用作跨线程或机器分配工作的机制. 任务队列的输入是称为任务的工作单元. 专用工作进程不断监视任务队列以执行新工作. Celery通过消息进行通信,通常使用经纪人(brokers) ...

  10. react 中文文档案例七 （温度计）

    const scaleNames = { c: 'Celsius', f: 'Fahrenheit' }; function toCelsius(fahrenheit) { ) * / ; } fun ...