|
|
var the_date = new Date("December 31, 2020");
var expiresDate = the_date.toGMTString();
document.cookie = "userDefineCSS=" + escape(title) + "; expires=" + expiresDate;
第一句是日期對(duì)象；
第二句將日期格式轉(zhuǎn)換成 GMT 格式；編者者： GMT 即格林威治標(biāo)準(zhǔn)時(shí)間，現(xiàn)在也稱 UTC 即全球標(biāo)準(zhǔn)時(shí)間。
第三句是將 cookie 內(nèi)容寫入客戶端。
其中 expires 是系統(tǒng)使用的，表示 cookie 的失效日期（也可以省略），expires 不可讀。
escape 是對(duì) cookie 值進(jìn)行編碼，這是為了處理中文、空格等而設(shè)立的。
二、取 cookie 是比較簡(jiǎn)單的。
function GetCSS()
{
var cookieStr = document.cookie; //取 cookie 字符串，由于 expires 不可讀，所以 expires 將不會(huì)出現(xiàn)在 cookieStr 中。
if (cookieStr == "")
{
return "main1"; //沒有取到 cookie 字符串，返回默認(rèn)值
}
var cookieValue = cookieStr.split("; "); //將各個(gè) cookie 分隔開，并存為數(shù)組，多個(gè) cookie 之間用分號(hào)加空隔隔開，不過前面我們只使用了一個(gè) cookie，它的值與 expires 之間也是用分號(hào)加空格隔開的
復(fù)制代碼 代碼如下:
var varName = "userDefineCSS";
var startPos = -1;
var endPos = -1;
for (var i=0; i<cookieValue.length; i++)
{
startPos = cookieValue[i].indexOf(varName);
if (startPos != 0)
{
continue; //當(dāng)前 cookie 不是名稱為 varName 的 cookie，判斷下一個(gè) cookie
}
startPos += varName.length + 1; //當(dāng)前 cookie 就是名稱為 varName 的 cookie，由于有等號(hào)，所以 +1
endPos = cookieValue[i].length;
var css = unescape(cookieValue[i].substring(startPos, endPos));
return css;
}
return "main1";
}
由于寫 cookie 時(shí)使用了 escape，所以返回 cookie 值時(shí)使用 unescape 進(jìn)行解碼。
正確使用cookies的屬性
首先看看cookies的結(jié)構(gòu)
我們這里所說的 cookie 結(jié)構(gòu)并非其存儲(chǔ)結(jié)構(gòu)，而是其表現(xiàn)結(jié)構(gòu)，主要通過研究其表現(xiàn)結(jié)構(gòu)來實(shí)現(xiàn) JS(JavaScript) 對(duì) cookie 的操作。
cookie 的表現(xiàn)結(jié)構(gòu)較為簡(jiǎn)單，每個(gè) cookie 由 cookie 名稱 和 cookie 值組成，用等號(hào)表示二者關(guān)系，各個(gè) cookie 之間用分號(hào)加空格隔開。正如前面所說 expires、path、domain 均不可讀，所以在表現(xiàn)結(jié)構(gòu)中也沒有體現(xiàn)出來。
cookieName1=cookieValue1; cookieName2=cookieValue2[...; cookieNamen=cookieValuen]
通過分隔分號(hào)加空格符號(hào)，就可以獲得各個(gè) cookie，再通過分隔等號(hào)，就可以得出各個(gè) cookie 的名稱和值。
cookie 的子鍵，只是表現(xiàn)在 cookieValue 上，一個(gè)子鍵的結(jié)構(gòu)是：子鍵名稱=子鍵值，多個(gè)子鍵之間用 & 連接起來。比如：
cookieName1=子鍵名稱1=子鍵值1&子鍵名稱2=子鍵值2
如果是 ASP 文件，我們會(huì)發(fā)現(xiàn) cookie 結(jié)構(gòu)中有這樣一段字符串：ASPSESSIONIDQSTDRATQ=24位字符
關(guān)于此，查看：http://www.ASPxuexi.com/ASPbasic/cookie/2006-6-10/Session_Cookie.htm
同名的 cookie，不同的 domain 或不同的 path，屬不同的 cookie；
同名的 cookie，相同的 domain 且相同的 path，不同的 expires，屬同一個(gè) cookie。
cookie 有路徑－－path，表示哪些路徑下的文件有權(quán)限讀取該 cookie。
path 應(yīng)該以 "/" 結(jié)尾，同名 cookie，不同 path，屬不同的 cookie
document.cookie = "N1=1; path=/path/";
document.cookie = "N1=2; path=/path";
document.cookie = "N1=3; path=path/";
如上代碼，前兩句使用的是絕對(duì)路徑，即相對(duì)于站點(diǎn)根目錄的網(wǎng)頁(yè)目錄，第三句使用的是相對(duì)路徑，相對(duì)于當(dāng)前目錄的。
第一句和第二句在于結(jié)尾不同，雖然他們所表達(dá)的權(quán)限相同，但是由于 path 字符串不同，會(huì)形成兩個(gè)同名的 cookie，容易造成混亂，我們建議不要使用第二句這種格式，因?yàn)橄到y(tǒng)默認(rèn)也是以 "/" 結(jié)尾的。
所以如上述是三個(gè) cookie，之間不會(huì)相互覆蓋。
path 屬性值有大小寫之分，應(yīng)與瀏覽器中的地址欄的輸入一致
document.cookie = "N1=1; path=/path/";
document.cookie = "N1=2; path=/paTH/";
這是兩個(gè)不同的 cookie，因?yàn)椤ath 屬性值大小寫不同，如果我們?cè)诘刂窓谳斎氲氖?path，那么就讀取第一個(gè) N1，如果我們輸入的是 paTH，那么就讀取第二個(gè) N1
path 不可讀
同 expires 一樣，path 只可寫，不可讀。
path 不可更改
同 expires 不一樣，如果我們?cè)噲D更改 path，那么實(shí)際上我們是另外寫了一個(gè) cookie，而不是更改了 path 值。
path 權(quán)限有繼承性
假如指定了 /test/ 目錄有權(quán)限讀取某 cookie，那么 /test/ 之下的目錄 /test/t/ 也有權(quán)限讀取該 cookie。
cookie 有失效日期－－expires，如果還沒有過失效期，即使重新啟動(dòng)電腦，cookie 仍然不會(huì)丟失，如果沒有指定 expires 值，那么在關(guān)閉瀏覽器時(shí)，cookie 即失效。
在 JS(JavaScript) 中使用 expires 時(shí)應(yīng)該和 cookie 同時(shí)寫入，如：
document.cookie = "clr=red; expires=" + expiresDate;
而如下寫法是不正確的：
document.cookie = "clr=red";
document.cookie = "expires=" + expiresDate;
這樣寫會(huì)形成兩個(gè) cookie，第二個(gè) cookie 的名稱是 expires，兩個(gè) cookie 均沒有指定失效日期。
expires 不可讀
這就是為什么，我們?cè)?ASP 中使用 response.Write request.cookies("cname").expires 會(huì)出錯(cuò)，同樣在 JS(JavaScript) 中使用 document.cookie 也不會(huì)顯示出 expires。
expires 值應(yīng)該使用 GMT 格式的時(shí)間
var the_date = new Date("December 31, 2020");
var expiresDate = the_date.toGMTString(); //轉(zhuǎn)換成 GMT 格式。
JavaScript技術(shù)：javascript 操作cookies及正確使用cookies的屬性，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
