原生JAVASCRIPT操作cookie方法
阿新 • • 發佈:2018-12-29
在前端進行操作時,有的時候要傳很多引數,這個時候,我們可以把這些引數拼接到url後面進行傳值,那邊在接收引數,不過這樣挺麻煩的,如果把這些資料放到cookie裡面,就開發者的開發效率來說,我想會高一些
設定cookie
function setCookie(name,value,days) { // 設定cookie days設定過期時間 單位:天 不傳預設是 cookie 在瀏覽器關閉時刪除
var exp = new Date();
exp.setTime(exp.getTime() + days*24*60*60*1000);
document.cookie = name + "=" + escape (value) + ";expires=" + exp.toGMTString();
}
獲取cookie
cookie的值可以使用document.cookie直接獲得:var strCookie=document.cookie; 這將獲得這些名/值對包括了該域名下的所有cookie。一次只能獲取所有的cookie值,無法通過指定cookie名稱獲得對應的值,其實這也是處理cookie比較麻煩的地方。我們需要分析字串來獲取我們需要的cookie值
function getCookie(name) { // 獲取一個cookie
var strCookie = document.cookie;
var arr = strCookie.split(';');
for (var i = 0; i < arr.length; i++) {
var t = arr[i].split("=");
if(t[0] == name) {
return t[1];
}
};
return null;
}
刪除cookie
如果需要刪除cookie的話,直接將過期時間設定成一個已經過去的日期即可
function clearCookie(name) {
setCookie(name, "", -1);
}