1、1 1目录10.1 什么是Cookie10.2 Cookie基础用法10.3 Cookie实例10.1 什么是CookieuCookie是当用户浏览某网站时,网站存储在客户机器上的一个小文本文件。u1.Cookie的特点 Cookie 是有大小限制的 Cookie 是存在 有效期的 Cookie 有域和路径这个概念10.1 什么是Cookieu2.Cookie的作用 保存用户登录状态 跟踪用户行为 定制页面 创建购物车u3.Cookie的缺陷 Cookie可能被禁用 Cookie是与浏览器相关的 Cookie可能被删除 Cookie安全性不够高10.2 Cookie的基础用法u1、简单的存取操
2、作 document.Cookie=“变量名1=变量值1;变量名2=变量值2;”;u2、Cookie的读取操作 var 变量名=document.Cookie;可用函数来获取每一项cookie值function getCookie(c_name)if(document.Cookie.length0)c_start=document.Cookie.indexOf(c_name+=);if(c_start!=-1)c_start=c_start+c_name.length+1c_end=document.Cookie.indexOf(;,c_start)if(c_end=-1)c_end=docu
3、ment.Cookie.length return unescape(document.Cookie.substring(c_start,c_end)return 10.2 Cookie基础用法u3、设置Cookie有效期uCookie 的生命周期也就是有效期和失效期,即Cookie 的存在时间。var _date=new Date();_date.setDate(_date.getDate()+days);_date.toGMTString();document.Cookie=name=value;expires=_date10.2 Cookie基础用法u4.删除COOKIEu为了删除一个C
4、ookie,可以将其过期时间设定为一个过去的时间。var date=new Date();/将date设置为过去的时间 date.setTime(date.getTime()-1000);/将userId这个Cookie删除 document.Cookie=userId=97001;expires=+date.toGMTString();10.2 Cookie基础用法u5.Cookie 路径概念u默认情况下,只有与创建 Cookie 的页面在同一个目录或子目录下的网页才可以访问u设置路径在根目录下可以被所有网页访问到document.Cookie=name=Joan;path=/10.2 Co
5、okie基础用法u6.Cookie 安全性u假如 Cookie 中所传递的内容比较重要,那么就要求使用加密的数据传输uCookie 关于安全性属性的名称是“secure”document.Cookie=username=Joan2015;secure10.2 Cookie基础用法u7.Cookie 编码细节u一般情况下,Cookie 信息的存储都是采用未编码的方式u在设置 Cookie 信息以前要先使用escape()函数将 Cookie 数据进行编码document.Cookie=name+=+escape(value)10.3 Cookie实例u1.添加一个Cookie:addCookie
6、(name,value,expiresHours)0)var date=new Date();date.setTime(date.getTime+expiresHours*3600*1000);CookieString=CookieString+;expires=+date.toGMTString();document.Cookie=CookieString;/-10.3 Cookie实例u2.获取指定名称的Cookie值:getCookie(name)!-function getCookie(name)var strCookie=document.Cookie;var arrCookie=strCookie.split(;);for(var i=0;i 10.3 Cookie实例u3.删除指定名称的Cookie:deleteCookie(name)0)var date=new Date();date.setTime(date.getTime+expiresHours*3600*1000);CookieString=CookieString+;expires=+date.toGMTString();document.Cookie=CookieString;/-传道,授业,解惑