第9章 使用JavaScript操作cookies

1、JavaScript网页开发技术网页开发技术汤宏斌JavaScript第第9章：章：使用使用JavaScript操作操作cookies 本章目标本章目标认识认识cookies 使用使用cookies保存页面信息保存页面信息使用使用cookies读取信息读取信息 cookies的一些工具的一些工具课程安排课程安排什么是什么是Cookies使用使用cookies 让让cookies存储信息存储信息 从从cookies读取信息读取信息cookies示例示例 什么是什么是Cookiesn cookies是一种对客户端硬盘的数据进行存取的技是一种对客户端硬盘的数据进行存取的技术，这种技术能够让网站把少量

2、的数据存储到客户术，这种技术能够让网站把少量的数据存储到客户端的硬盘，同时也能够从客户端的硬盘读取存储的端的硬盘，同时也能够从客户端的硬盘读取存储的数据。存储的方式表现为一个很小的文本文件，这数据。存储的方式表现为一个很小的文本文件，这个文件可以存储的东西很多，比如用户名、访问时个文件可以存储的东西很多，比如用户名、访问时间、密码等等。间、密码等等。n 同一个网站只能存取自己创建的同一个网站只能存取自己创建的cookies，不能够，不能够访问别的网站保存的访问别的网站保存的cookies，cookies中的内容中的内容大都经过加密。大都经过加密。n 与服务器端程序与服务器端程序PHP、JSP、

3、ASP等操作相比，等操作相比，JavaScript直接在客户端的直接在客户端的HTML页面里对页面里对cookies进行操作，更为简单。进行操作，更为简单。什么是什么是Cookiesn win7、win8系统cookies位置 C:Users用户名AppDataRoamingMicrosoftWindowsCookies使用使用Cookies1、创建cookiesdocument.cookie = “name = value”；对象属性document.cookie = username = tom;document.cookie = city = chongqing;document.coo

4、kie = zip = 400067;上面在同一文档创建3个名称的cookies，就会创建3个cookies。使用使用Cookies1、创建cookiesdocument.cookie = escape(“username=tom;city=chongqing;zip=400067”); 由于cookies是通过HTTP来传递，而HTTP不允许既非字母又非数字的特殊字符被传递。故在JavaScript中，常用escape()方法编码，再用unescape()方法解码。使用使用cookies2、定义cookies过期时间 不定义cookies的生命周期，则cookies在关闭浏览器时，就失效。

5、用expires属性定义生命周期。格林威治标准时间的表示：Weekday Mon DD HH:MM:SS Time Zone YYYY 具体实例：Mon Oct 22 13:22:34 PST 2012expires过期时间可以手动设置，也可以用Date对象设置。使用使用cookiesDate对象的常用方法方法描述Date()返回当日的日期和时间。getDate()从 Date 对象返回一个月中的某一天 (1 31)。getDay()从 Date 对象返回一周中的某一天 (0 6)。getMonth()从 Date 对象返回月份 (0 11)。getFullYear()从 Date 对象以四位

6、数字返回年份。getHours()返回 Date 对象的小时 (0 23)。getMinutes()返回 Date 对象的分钟 (0 59)。getSeconds()返回 Date 对象的秒数 (0 59)。getMilliseconds()返回 Date 对象的毫秒(0 999)。getTime()返回 1970 年 1 月 1 日至今的毫秒数。使用使用cookiesDate对象的常用方法setDate()设置 Date 对象中月的某一天 (1 31)。setMonth()设置 Date 对象中月份 (0 11)。setFullYear()设置 Date 对象中的年份（四位数字）。setHo

7、urs()设置 Date 对象中的小时 (0 23)。setMinutes()设置 Date 对象中的分钟 (0 59)。setSeconds()设置 Date 对象中的秒钟 (0 59)。setMilliseconds()设置 Date 对象中的毫秒 (0 999)。setTime()以毫秒设置 Date 对象。toUTCString()根据世界时，把 Date 对象转换为字符串。toLocaleString()根据本地时间格式，把 Date 对象转换为字符串。使用使用cookiesDate对象的常用方法 var edate = new Date(); document.cookie = e

8、scape(username=tom;expires=+edate.setFullYear(edate.getFullYear()+1);上例设置过期时间为当前时间之后1年。要删除cookie，可设过期时间是过去的某个时间。escape(username=tom;expires=+edate.setFullYear(edate.getFullYear()-1);使用使用Cookies3. 定义cookies的目录范围 path属性能够使cookie能够被服务器上指定目录下的所有网页访问。document.cookie=“username=tom;path=/www”;以上cookies设置为能

9、够被www目录及其子目录下任何网页访问到。document.cookie=“username=tom;path=/”;以上cookies设置为能够被服务器上任何网页访问到。使用使用Cookies4. 实现跨服务器共享 现在大网站为了实现负载均衡，采用的服务器集群，有的服务器位于不同的城市，因为是同一个网站，cookies的共享是必须的。 domain属性能够实现跨服务器共享。 例如：某网站的主站是，其论坛的站点却是另一个服务器，博客又是一台服务器。 这些网站都有各自的二级域名，同一用户的cookies实现共享。document.cookie=“username=tom;domain=”;使用使

10、用Cookies5. 使信息传输更加安全 如何使一些机密的数据，如用户名、密码、银行卡号等在网络上传输时不被非法截获。 Netscape公司开发了安全套接字层，即SSL来对数据加密。 支持SSL的网站地址通常以https开头。 如果使cookies只在安全的Internet上连接，则可设置属性secure=true.document.cookie=“username=tom; secure=true”;让让cookies存储信息存储信息 n cookies的限制的限制 在用户的计算机上，每个服务器或域只能保存最多20个cookies，而每个浏览器的cookies总数不能超过300，cookie

11、s的最大尺寸是4k。 n 有效解决有效解决cookies限制的方法限制的方法 将所有需要保存到cookies中的值链接为一个字串（用分隔符分隔），再把字串赋值给一个cookies。 格式：名称1=值1 & 名称2=值2 &.& 名称n=值n让让cookies存储信息存储信息 实例：username=tom & age=25 & city=chongqing & zip=400067由于“&”无法在http上传输，必须用escape()编码。document.cookie=allinfo=+escape(username=tom&age=25&sex=male&city=chongqing&zi

12、p=400067);从从cookies读取信息读取信息 创建创建cookies后，就需要从后，就需要从cookies中读取信息，读取中读取信息，读取cookies信息很简单，即直接访问属性即可：信息很简单，即直接访问属性即可：document. cookie document.cookie=escape(username=tom&age=25&sex=male&city=chongqing&zip=400067); alert(cookies的值:+unescape(document.cookie); 从从cookies读取信息读取信息 上例中由于有多个上例中由于有多个cookies，因此得到

13、的值用分号隔开，因此得到的值用分号隔开，如何得到单个如何得到单个cookies的值，必须使用的值，必须使用string对象：对象：属性描 述constructor对创建该对象的函数的引用length字符串的长度prototype允许您向对象添加属性和方法String 对象属性从从cookies读取信息读取信息 String 对象常用的方法方法描 述anchor()为字符串添加.标签对big()用大号字体显示字符串。添加.标签对blink()显示闪动字符串。添加.标签对bold()使用粗体显示字符串。添加.标签对charAt()返回在指定位置的字符。fixed()以打字机文本显示字符串。添加.标

14、签对fontcolor()使用指定的颜色来显示字符串。添加.标签对fontsize()使用指定的尺寸来显示字符串。添加.标签对indexOf(a,str)检索字符串。italics()使用斜体显示字符串。lastIndexOf(a,str)从后向前搜索字符串。从从cookies读取信息读取信息 String 对象常用的方法方法描 述link(adr)将字符串显示为链接。添加.small()使用小字号来显示字符串。添加.split()把字符串分割为字符串数组。strike()使用删除线来显示字符串。添加.sub()把字符串显示为下标。添加.substr()从起始索引号提取字符串中指定数目的字符。substring(starting index,ending index)提取字符串中两个指定的索引号之间的字符。sup()把字符串显示为上标。添加.toLowerCase()把字符串转换为小写。toUpperCase()把字符串转换为大写。从从cookies读取信息读取信息 要提取单个的cookies值，需要用到split()、substring()和indexOf()方法。举例9-1注：本例在“火狐”浏览器上可正确运行，搜狗浏览器不支持cookies示例示例 例