js操作cookie的方法

cookie

cookie，有時候也用其複數形式cookies，指某些**為了辨別使用者身份，進行session跟蹤而儲存在使用者本地終端上的資料（經常通過加密）。定義於rfc2109和2965都已廢棄，最新取代的規範是rfc6265。

cookie的作用

伺服器可以利用cookie包含資訊的任意性來篩選經常性維護這些資訊，以判斷在http傳輸中的狀態。cookie最典型的英語是判斷註冊使用者是否已經登入**，使用者可能會得到提示，是否在下一次進入此**時保留使用者資訊以便簡化登入步驟，浙西都是cookie的功能。另乙個重要張合是「購物車」之類處理。使用者可能會在一段時間內在同一家**的不同頁面中選擇不同的商品，這些資訊都會寫入cookie，以便在最後付款時提取資訊。

js設定cookie

document.cookie="key=value"
;//例
document.cookie="name=weiqi"
;//可以在控制台中列印出cookie
console.log(document.cookie);

如何修改和獲取cookie

js中並沒有提供獲取cookie的方法，所以只能自己封裝方法，相同的key的cookie只能存在乙個，如果定義了乙個document.cookie="age=21",後面又定義了document.cookie="age=30"，那麼後面定義的cookie會覆蓋前面定義的cookie，所以修改cookie值的時候只用重新定義個key相同的cookie就可以了。那麼獲取cookie的時候也只用在cookie中獲取到這個key後面的「=」和「；」直接的字串，那就是這個cookie的值了，獲取的方法又很多種，這裡我寫一種比較簡單的：

function
getcookie
(key)
return returnvalue;
}document.cookie="name=weiqi";
getcookie("name"); //weiqi

刪除cookie

cookie是有有效期的，前面我們設定cookie的時候都沒有設定有效期，如果我們將cookie的有效期設定成乙個已經過去的時間，那麼它就無效了，下面來實現一下：

function
delcookie
(key)
document.cookie="name=weiqi";
delcookie("name"); //undefined

給cookie設定乙個有效期

通過expires給cookie設定乙個有效期，現在我們設定乙個cookie的有效期是10天，如下：

var d = new date();
var time = 10;
d.settime(d.gettime()+time
*1000
*60*60
*24);
document.cookie="name=weiqi;expires="+ d.togmtstring();

封裝cookie

將自定義的一些方法完善一下封裝成乙個物件，這樣在使用的時候就可以直接拿來用了：

//封裝cookie方法的物件
var cookie = 
if(time!== undefined)else
},getcookie:function
(key)
return returnvalue;
},delcookie:function
(key)
}//測試
cookie.setcookie("home")
cookie.setcookie("name","衛旗");
cookie.setcookie("age",22);
cookie.setcookie("***","男")
cookie.getcookie("***")
cookie.delcookie("age")

js操作cookie的方法

js操作cookie方法

js操作cookie方法

cookie的JS操作小記

js操作cookie的方法

js操作cookie方法

js操作cookie方法

cookie的JS操作小記

相關推薦