《javascript中cookie的使用》由会员分享，可在线阅读，更多相关《javascript中cookie的使用（6页珍藏版）》请在金锄头文库上搜索。
1、什么是 Cookie“cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 ” - w3school cookie 是访问过的网站创建的文件，用于存储浏览信息，例如个人资料信息。从 JavaScript的角度看，cookie 就是一些字符串信息。 这些信息存放在客户端的计算机中，用于客户端计算机与服务器之间传递信息。在 JavaScript中可以通过 document.cookie 来读取或设置这些信息。 由于 cookie 多用在客户端和服务端之间进行通信，所以
2、除了JavaScript以外，服务端的语言（如PHP）也可以存取 cookie。Cookie 基础知识cookie 是有大小限制的，每个 cookie 所存放的数据不能超过4kb ，如果 cookie 字符串的长度超过4kb ，则该属性将返回空字符串。由于 cookie 最终都是以文件形式存放在客户端计算机中，所以查看和修改 cookie 都是很方便的，这就是为什么常说 cookie 不能存放重要信息的原因。每个 cookie 的格式都是这样的： =； 名称和值都必须是合法的标示符。cookie 是存在有效期的。在默认情况下， 一个 cookie 的生命周期就是在浏览器关闭的时候结束。 如果想
3、要 cookie 能在浏览器关掉之后还可以使用，就必须要为该 cookie 设置有效期，也就是 cookie 的失效日期。alert(typeof document.cookie)结果是 string，曾经我以为是array，还闹过笑话 .囧cookie 有域和路径 这个概念。域就是domain的概念，因为浏览器是个注意安全的环境，所以不同的域之间是不能互相访问 cookie 的( 当然可以通过特殊设置的达到 cookie 跨域访问 ) 。路径就是 routing的概念，一个网页所创建的 cookie 只能被与这个网页在同一目录或子目录下得所有网页访问，而不能被其他目录下得网页访问（这句话有点
4、绕，一会看个例子就好理解了）。其实创建 cookie的方式和定义变量的方式有些相似，都需要使用 cookie 名称和cookie 值。同个网站可以创建多个 cookie ，而多个 cookie 可以存放在同一个cookie 文件中。Cookie常见问题cookie 存在两种类型：你浏览的当前网站本身设置的 cookie 来自在网页上嵌入广告或图片等其他域来源的第三方 cookie (网站可通过使用这些 cookie 跟踪你的使用信息 ) 刚刚基础知识里面有说到 cookie 生命周期的问题，其实 cookie 大致可分为两种状态：临时性质的 cookie。当前使用的过程中网站会储存一些你的个人
5、信息，当浏览器关闭后这些信息也会从计算机中删除设置失效时间的 cookie。 就算浏览器关闭了， 这些信息业依然会在计算机中。 如 登录名称和密码， 这样无须在每次到特定站点时都进行登录。这种 cookie 可在计算机中保留几天、几个月甚至几年cookie 有两种清除方式：通过浏览器工具清除 cookie (有第三方的工具，浏览器自身也有这种功能) 通过设置 cookie 的有效期来清除 cookie 注：删除 cookie 有时可能导致某些网页无法正常运行浏览器可以通过设置来接受和拒绝访问 cookie。出于功能和性能的原因考虑，建议尽量降低 cookie 的使用数量，并且要尽量使用小coo
6、kie。关于 cookie编码的细节问题将会在cookie高级篇中单独介绍。假如是本地磁盘中的页面， chrome 的控制台是无法用JavaScript读写操作 cookie 的，解决办法 .换一个浏览器 _ 。Cookie基础用法一. 简单的存取操作在使用 JavaScript存取 cookie 时，必须要使用 Document对象的 cookie 属性；一行代码介绍如何创建和修改一个 cookie ：document.cookie = username=Darren以上代码中 username表示 cookie 名称， Darren表示这个名称对应的值。 假设 cookie 名称并不存在，
7、那么就是创建一个新的 cookie； 如果存在就是修改了这个 cookie 名称对应的值。如果要多次创建 cookie ，重复使用这个方法即可。二.cookie的读取操作要精确的对 cookie 进行读取其实很简单，就是对字符串进行操作。从w3school上 copy 这段代码来做分析：function getCookie(c_name) if (document.cookie.length0) / 先查询 cookie 是否为空，为空就return “ c_start=document.cookie.indexOf(c_name + “=“) / 通过 String 对象的 indexOf(
8、) 来检查这个 cookie 是否存在，不存在就为 -1 if (c_start!=-1) c_start=c_start + c_name.length+1 / 最后这个 +1 其实 就是表示 “=“ 号啦，这样就获取到了cookie 值的开始位置 c_end=document.cookie.indexOf(“;“,c_start) / 其实 我刚看见 indexOf() 第二个参数的时候猛然有点晕，后来想起来表示指定的开始 索引的位置 . 这句是为了得到值的结束位置。因为需要考虑是否是最后一项， 所以通过 “;“ 号是否存在来判断 if (c_end=-1) c_end=document.
9、cookie.length return unescape(document.cookie.substring(c_start,c_end) / 通过 substring()得到了值。想了解 unescape() 得先知道 escape() 是做什么的， 都是 很重要的基础，想了解的可以搜索下，在文章结尾处也会进行讲解cookie 编码 细节 return “ 当然想实现读取cookie的方法还有不少，比如数组，正则等，这里就不往细说了。三. 设置 cookie的有效期文章中常常出现的 cookie 的生命周期也就是有效期和失效期，即 cookie 的存在时间。 在默认的情况下，cookie
10、会在浏览器关闭的时候自动清除，但是我们可以通过expires来设置 cookie 的有效期。语法如下：document.cookie = “name=value;expires=date“ 上面代码中的date值为 GMT(格林威治时间 ) 格式的日期型字符串，生成方式如下：var _date = new Date(); _date.setDate(_date.getDate()+30); _date.toGMTString(); 上面三行代码分解为几步来看：通过 new 生成一个 Date的实例，得到当前的时间；getDate()方法得到当前本地月份中的某一天，接着加上 30 就是我希望这个
11、cookie能过在本地保存 30 天；接着通过 setDate()方法来设置时间；最后 用 toGMTString()方法把 Date对象转换为字符串，并返回结果通过下面这个完整的函数来说明在创建 cookie 的过程中我们需要注意的地方 - 从w3school复制下来的。创建一个在 cookie 中存储信息的函数：function setCookie(c_name, value, expiredays) var exdate= new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie=c_name+
12、“=“ + escape(value) + (expiredays=null ) ? “ : “;expires=“+exdate.toGMTString(); 使用方法： setCookie(username,Darren,30) 现在我们这个函数是按照天数来设置cookie的有效时间，如果想以其他单位（如：小时）来设置，那么改变第三行代码即可：exdate.setHours(exdate.getHours() + expiredays); 这样设置以后的cookie有效期就是按照小时为单位的。常见问题中有提到清除 cookie 的两种方法，现在要说的是使 cookie 失效，通过把有效期的
13、时间设置为一个已过期的时间。既然已经有了设置有效期的方法，那么设置失效期的方法就请感兴趣的朋友自己动手了_ 。下面继续比较深的cookie话题。Cookie 高级篇一.cookie 路径概念在基础知识中有提到 cookie 有域和路径的概念，现在来介绍路径在 cookie 中的作用。cookie 一般都是由于用户访问页面而被创建的，可是并不是只有在创建 cookie 的页面才可以访问这个 cookie。默认情况下，只有与创建 cookie 的页面在同一个目录或子目录下的网页才可以访问，这个是因为安全方面的考虑，造成不是所有页面都可以随意访问其他页面创建的 cookie。举个例子：在 “http
14、:/ 这个页面创建一个cookie，那么在“/Darren_code/“这个路径下的页面如：“http:/ “http:/“或者“http:/ 就不可以访问这个 cookie（光看没用，实践出真理 _ ） 。那么如何让这个 cookie 能被其他目录或者父级的目录访问类，通过设置 cookie 的路径就可以实现。例子如下：document.cookie = “name=value;path=path “ document.cookie = “name=value;expires=date;path=path “ 红色字体 path就是 cookie 的路径，最常用的例子就是让 cookie 在
15、跟目录下 , 这样不管是哪个子页面创建的 cookie，所有的页面都可以访问到了: document.cookie = “name=Darren;path=/ “ 二.cookie 域概念路径能解决在同一个域下访问 cookie 的问题， 咱们接着说 cookie 实现同域 之间访问的问题。语法如下：document.cookie = “name=value;path=path;domain=domain“ 红色的 domain就是设置的 cookie 域的值。例如 ““ 与 ““ 公用一个关联的域名““， 我们如果想让““ 下的 cookie被 ““ 访问， 我们就需要用到 cookie 的 domain属性，并且需要把path属性设置为 “/“。例：document.cookie = “username=Darren;path=/;domain=“ 注：一定的是同域之间的访问，不能把domain的值设置成非主域的域名。三.cookie 安全性通常 cookie 信息都是使用HTTP 连接传递数据，这种传递方式很容易被查看，所以 coo
