cookiejs參數,cookie裏面的參數

本文目錄一覽：

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

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

設置cookie：

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

例如：var arr

document.cookie=”mycookie=”+arr

js設置cookie的簡單方法

一，js設置cookie的用處

php可以設置cookie的，用js來設置cookie有什麼好處呢？在前端進行操作時，有的時候要傳很多參數，這個時候，我們可以把這些參數拼接到url後面進行傳值，那邊在接收參數，不過這樣挺麻煩的，如果把這些數據放到cookie裏面，就開發者的開發效率來說，我想會高一些，以淘寶為例，他有一級分類，二級分類，三級，四級，我們找商品的時候，可能會牽扯到很多條件，如果把這些條件都放到cookie裏面，我感覺就方便多了，不知道淘寶是不是這樣的。淘寶的url是加了密的，並且好長，有可能是根在url的後面。費話不多說看一個小例子。

二，js實例

調用一下上面方法：

setCookie(“test”,”tank”,1800); //設置cookie的值，生存時間半個小時

alert(getCookie(‘test’)); //取得cookie的值，顯示tank

clearCookie(“test”); //刪除cookie的值

alert(getCookie(‘test’)); //test對應的cookie值為空，顯示為false.就是getCookie最後返的false值。

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的方法至於裏面的值 直接定義

JS設置cookie值

// 保存值

var value = document.getElementById(“wenben1”).value;

document.cookie = ‘wenben1=’+value;// 保存一個值

document.cookie = ‘a=12,b=34,c=56’;    // 保存多個值

// 取值

var b = document.cookie;    // 結果 b = ‘a=12,b=34,c=56’;具體要其中的哪個值再去分割

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

這個看你有沒有使用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());