细说 Cookie

ffice

JavaScript处理Cookie
Cookie是什么？ Cookie 是一小段文本信息，伴随着用户请求和页面在 Web 服务器和浏览器之间传递。Cookie 包含每次用户访问站点时 Web 应用程序都可以读取的信息。

为什么需要Cookie？因为HTTP协议是无状态的，对于一个浏览器发出的多次请求，WEB服务器无法区分是不是来源于同一个浏览器。所以，需要额外的数据用于维护会话。 Cookie 正是这样的一段随HTTP请求一起被传递的额外数据。

一、Cookie概述

Cookie能做什么？ Cookie只是一段文本，所以它只能保存字符串。而且浏览器对它有大小限制以及它会随着每次请求被发送到服务器，所以应该保证它不要太大。 Cookie的内容也是明文保存的，有些浏览器提供界面修改，所以，不适合保存重要的或者涉及隐私的内容。

Cookie 的限制。 大多数浏览器支持最大为 4096 字节的 Cookie。由于这限制了 Cookie 的大小，最好用 Cookie 来存储少量数据，或者存储用户 ID 之类的标识符。用户 ID 随后便可用于标识用户，以及从数据库或其他数据源中读取用户信息。浏览器还限制站点可以在用户计算机上存储的 Cookie 的数量。大多数浏览器只允许每个站点存储 20 个 Cookie；如果试图存储更多 Cookie，则最旧的 Cookie 便会被丢弃。有些浏览器还会对它们将接受的来自所有站点的 Cookie 总数作出绝对限制，通常为 300 个。


二、document的cookie属性是一个字符串，设置cookie字符串描述的方式来通知浏览器创建和删除cookie。

三、cookie的属性分别控制他们的生存期、可见性和安全性
    1、expires：指定了cookie的生存期，默认是暂时的存储的值只是浏览器会话期间，关闭浏览器后值就被销毁。
    2、path：指定关联在一起网页，默认下cookie会和创建它的网页路径关联起来。
    3、domain：安全方面，同源策略，默认下值就是创建cookie网页所在的服务器的主机名。
    4、secure：一个布尔值，指定了在网络上传输cookie值的方式，默认下为false.

四、Cookie的客户端存取

1、cookie的存储
document.cookie = "a=300,b=100"

2、cookie的读取
cookie存的字符串 name=value;expire=date;path=path;domain=domain;secure=Boolean; var cookies = document.cookie.split(";"); for(var i=0; i<cookies.length; i++){ var s = cookies[i].split("="); if(s[0] == 'a'){ alert(s[1]); } }

3、cookie的限制：
浏览器保存cookie的总数不能超过300个，为每个Web服务器保存的Cookie数不能超过20个，每个cookie保存不能超过4KB