js讀取cookie教程,js讀取和寫入cookie

本文目錄一覽：

• 1、怎麼在js中讀取cookies
• 2、js中如何獲取Cookies的值
• 3、JS 操作 cookies 的方法

怎麼在js中讀取cookies

讀取屬於當前文檔的所有cookies

var allcookies = document.cookie;

定義一個函數，用來讀取特定的cookie值。

function getCookie(cookie_name)

{

var allcookies = document.cookie;

var cookie_pos = allcookies.indexOf(cookie_name); //索引的長度

// 如果找到了索引，就代表cookie存在，

// 反之，就說明不存在。

if (cookie_pos != -1)

{

// 把cookie_pos放在值的開始，只要給值加1即可。

cookie_pos += cookie_name.length + 1; //這裡容易出問題，所以請大家參考的時候自己好好研究一下

var cookie_end = allcookies.indexOf(“;”, cookie_pos);

if (cookie_end == -1)

{

cookie_end = allcookies.length;

}

var value = unescape(allcookies.substring(cookie_pos, cookie_end)); //這裡就可以得到你想要的cookie的值了。。。

}

return value;

}

// 調用函數

var cookie_val = getCookie(“username”);

js中如何獲取Cookies的值

首先JS設置cookie:

假設在A頁面中要保存變數username的值(“jack”)到cookie中,key值為name，則相應的JS代碼為：

document.cookie=”name=”+username;

JS讀取cookie:

var username=document.cookie.split(“;”)[0].split(“=”)[1];

function setCookie(name,value)

{

var Days = 30;

var exp = new Date();

exp.setTime(exp.getTime() + Days*24*60*60*1000);

document.cookie = name +”=”+ escape (value) +”;expires=” + exp.toGMTString();

}

讀取cookies

function getCookie(name)

{

var arr,reg=new RegExp(“(^| )”+name+”=([^;]*)(;|$)”);

if(arr=document.cookie.match(reg))

return unescape(arr[2]);

else

return null;

}

擴展資料

伺服器可以利用Cookies包含信息的任意性來篩選並經常性維護這些信息，以判斷在HTTP傳輸中的狀態。Cookies最典型的應用是判定註冊用戶是否已經登錄網站，用戶可能會得到提示，是否在下一次進入此網站時保留用戶信息以便簡化登錄手續，這些都是Cookies的功用。

另一個重要應用場合是「購物車」之類處理。用戶可能會在一段時間內在同一家網站的不同頁面中選擇不同的商品，這些信息都會寫入Cookies，以便在最後付款時提取信息。

JS 操作 cookies 的方法

在 JS(JavaScript) 操作cookies比較複雜，在 ASP 裡面我們只需要知道 cookie 的名稱、cookie 的值就行了，而 JS 裡面，我們面對的是 cookie 的字元串，你自己編寫這個字元串寫入客戶端，然後自己解析這個字元串。

一、從寫 cookie 說起。

var the_date = new Date(“December 31, 2020”);

var expiresDate = the_date.toGMTString();

document.cookie = “userDefineCSS=” + escape(title) + “; expires=” + expiresDate;

第一句是日期對象；

第二句將日期格式轉換成 GMT 格式；編者者： GMT 即格林威治標準時間，現在也稱 UTC 即全球標準時間。

第三句是將 cookie 內容寫入客戶端。

其中 expires 是系統使用的，表示 cookie 的失效日期（也可以省略），expires 不可讀。

escape 是對 cookie 值進行編碼，這是為了處理中文、空格等而設立的。

二、取 cookie 是比較簡單的。

function GetCSS()

{

var cookieStr = document.cookie; //取 cookie 字元串，由於 expires 不可讀，所以 expires 將不會出現在 cookieStr 中。

if (cookieStr == “”)

{

return “main1”; //沒有取到 cookie 字元串，返回默認值

}

var cookieValue = cookieStr.split(“; “); //將各個 cookie 分隔開，並存為數組，多個 cookie 之間用分號加空隔隔開，不過前面我們只使用了一個 cookie，它的值與 expires 之間也是用分號加空格隔開的

var varName = “userDefineCSS”;

var startPos = -1;

var endPos = -1;

for (var i=0; icookieValue.length; i++)

{

startPos = cookieValue[i].indexOf(varName);

if (startPos != 0)

{

continue; //當前 cookie 不是名稱為 varName 的 cookie，判斷下一個 cookie

}

startPos += varName.length + 1; //當前 cookie 就是名稱為 varName 的 cookie，由於有等號，所以 +1

endPos = cookieValue[i].length;

var css = unescape(cookieValue[i].substring(startPos, endPos));

return css;

}

return “main1”;

}