1第10章Cookie技術(shù)目錄210.1什么是Cookie10.2Cookie基礎(chǔ)用法10.3Cookie實(shí)例10.1什么是CookieCookie是當(dāng)用戶瀏覽某網(wǎng)站時(shí)，網(wǎng)站存儲(chǔ)在客戶機(jī)器上的一個(gè)小文本文件。1. Cookie的特點(diǎn)Cookie是有大小限制的Cookie是存在有效期的Cookie有域和路徑這個(gè)概念310.1什么是Cookie2. Cookie的作用保存用戶登錄狀態(tài)跟蹤用戶行為定制頁面創(chuàng)建購物車3. Cookie的缺陷Cookie可能被禁用Cookie是與瀏覽器相關(guān)的Cookie可能被刪除Cookie安全性不夠高410.2Cookie的基礎(chǔ)用法1、簡單的存取操作document.Cookie=“變量名1=變量值1;變量名2=變量值2；”;2、Cookie的讀取操作var變量名=document.Cookie;可用函數(shù)來獲取每一項(xiàng)cookie值5functiongetCookie(c_name){

if(document.Cookie.length>0){

c_start=document.Cookie.indexOf(c_name+"=");

if(c_start!=-1){

c_start=c_start+c_name.length+1

c_end=document.Cookie.indexOf(";",c_start)

if(c_end==-1)c_end=document.Cookie.length

returnunescape(document.Cookie.substring(c_start,c_end))

}

}

return""}10.2Cookie基礎(chǔ)用法3、設(shè)置Cookie有效期Cookie的生命周期也就是有效期和失效期，即Cookie的存在時(shí)間。6var_date=newDate();_date.setDate(_date.getDate()+days);_date.toGMTString();document.Cookie="name=value;expires=_date"10.2Cookie基礎(chǔ)用法4. 刪除COOKIE為了刪除一個(gè)Cookie，可以將其過期時(shí)間設(shè)定為一個(gè)過去的時(shí)間。7vardate=newDate();//將date設(shè)置為過去的時(shí)間date.setTime(date.getTime()-1000);//將userId這個(gè)Cookie刪除document.Cookie="userId=97001;expires="+date.toGMTString();10.2Cookie基礎(chǔ)用法5. Cookie路徑概念默認(rèn)情況下，只有與創(chuàng)建Cookie的頁面在同一個(gè)目錄或子目錄下的網(wǎng)頁才可以訪問設(shè)置路徑在根目錄下可以被所有網(wǎng)頁訪問到8document.Cookie="name=Joan;path=/"10.2Cookie基礎(chǔ)用法6. Cookie安全性假如Cookie中所傳遞的內(nèi)容比較重要，那么就要求使用加密的數(shù)據(jù)傳輸Cookie關(guān)于安全性屬性的名稱是“secure”9document.Cookie="username=Joan2015;secure"10.2Cookie基礎(chǔ)用法7. Cookie編碼細(xì)節(jié)一般情況下，Cookie信息的存儲(chǔ)都是采用未編碼的方式在設(shè)置Cookie信息以前要先使用escape()函數(shù)將Cookie數(shù)據(jù)進(jìn)行編碼10document.Cookie=name+"="+escape(value)10.3Cookie實(shí)例1. 添加一個(gè)Cookie：addCookie(name,value,expiresHours)11<scriptlanguage="JavaScript"type="text/JavaScript"><!--functionaddCookie(name,value,expiresHours){varCookieString=name+"="+escape(value);//判斷是否設(shè)置過期時(shí)間if(expiresHours>0){vardate=newDate();date.setTime(date.getTime+expiresHours*3600*1000);CookieString=CookieString+";expires="+date.toGMTString();}document.Cookie=CookieString;}//--></script>10.3Cookie實(shí)例2. 獲取指定名稱的Cookie值：getCookie(name)12<scriptlanguage="JavaScript"type="text/JavaScript"><!--functiongetCookie(name){varstrCookie=document.Cookie;vararrCookie=strCookie.split(";");for(vari=0;i<arrCookie.length;i++){vararr=arrCookie[i].split("=");if(arr[0]==name)returnarr[1];}return"";}//--></script>10.3Cookie實(shí)例3. 刪除指定名稱的Cookie：deleteCookie(name)13<scriptlanguage="JavaScript"type="text/JavaScript"><!--functionaddCookie(name,value,expiresHours){varCookieString=name+"="+escape(value);//判斷是否設(shè)置過期時(shí)間if(expiresHours>0){vardate=newDate();date.setTime(date.getTime+expiresHours*360