cookiejs選擇參數,JS設置cookie

本文目錄一覽：

• 1、如何用cookie 保存 js選擇的參數？看下面的js，這是個css樣式切換js效果，怎樣用cookies保存選擇了的效果
• 2、js中如何獲取Cookies的值
• 3、如何用js來操作cookie呢？
• 4、js 怎麼重新設置cookie
• 5、JS 操作 cookies 的方法
• 6、js操作cookie 添加，獲取，刪除，分別有什麼參數，且各個參數代表什麼。特別是添加cookie的時候。

如何用cookie 保存 js選擇的參數？看下面的js，這是個css樣式切換js效果，怎樣用cookies保存選擇了的效果

設置cookie：

document.cookie=”cookie名=”+一個js變數

例如：var arr

document.cookie=”mycookie=”+arr

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來操作cookie呢？

js操作COOKIE，直接給document加上cookie就可以了，但是一般如果單個的加會很麻煩所以一般會直接寫好一個函數，可以直接操作cookie，這樣就很方便了

setCookie這個是寫入cookie，第一個是名稱，第二個是cookie值，第三個是過期時間

getCookie這個是查找cookie;

removeCookie這是你需要刪除的cookie;

function setCookie(name, value, iDay) 

{

var oDate=new Date();

oDate.setDate(oDate.getDate()+iDay);

document.cookie=name+’=’+encodeURIComponent(value)+’;expires=’+oDate;

}

function getCookie(name)

{

var arr=document.cookie.split(‘; ‘);

var i=0;

for(i=0;iarr.length;i++)

{

//arr2-[‘username’, ‘abc’]

var arr2=arr[i].split(‘=’);

if(arr2[0]==name)

{

var getC = decodeURIComponent(arr2[1]);

return getC;

}

}

return ”;

}

function removeCookie(name)

{

setCookie(name, ‘1’, -1);

}

js 怎麼重新設置cookie

這個看你有沒有使用cookie的插件

如果使用，可以看看具體的插件使用指導

例如:不同的 系統可能會用不同的創建，像傲隆盛 jquery.cookie.js或者看如下的小案例：

1.生成一個cookie，名稱為user，內容為liayun：

$.cookie(“user”,”liayun”);

2.cookie的參數設置：

$.cookie(“user”,”liayun”, {

expires:7, //過期時間，7天後過期

path:”/”, //根目錄，path的作用就是設置路徑，根目錄到底所謂何???

});

$.cookie(“aaa”,”bbb”, {

//domain:”” //設置域名，可以發現名為aaa的cookie並沒有建立，為何???

secure:true //發送條件：僅限加密連接 默認為false，需要使用安全協議https

});

綜上所述，除了expires這個參數有用，其他根本就沒什麼鳥用！！！

3.讀取cookie數據：

alert($.cookie(“user”)); //liayun

alert($.cookie(“aaa”)); //undefined，名為aaa的cookie的參數secure為true，因為需要使用安全協議https，而我們一般使用http協議，所以返回undefined

$.cookie(“ccc”,””); //自動編碼為：%E6%9D%8E%E9%98%BF%E6%98%80

alert($.cookie(“ccc”)); //自動解碼為：

4.關閉編碼/解碼，默認為false：

$.cookie.raw = true;

$.cookie(“ddd”,””); //沒有自動編碼，

alert($.cookie(“ddd”)); //

5.讀取所有cookie數據：

alert($.cookie());

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”;

}

js操作cookie 添加，獲取，刪除，分別有什麼參數，且各個參數代表什麼。特別是添加cookie的時候。

這裡的SetCookie 是自己定義的一個函數

如：

function setCookie(name, value, expire) {

window.document.cookie = name + “=” + escape(value) + ((expire == null) ? “” : (“; expires=” + expire.toGMTString()));

}

所以裡面的這些參數都是直接定義的JS只有window.document.cookie 定義cookie的方法至於裡面的值 直接定義