Home >Web Front-end >JS Tutorial >JavaScript methods to set, get, and clear single-value and multi-value cookies_javascript skills
No more nonsense, let me just post the code for you.
The specific code is as follows:
var CookieUtil = (function () { var Cookie = function () { // 获取单值cookie this.get = function(name) { var start = document.cookie.indexOf(encodeURIComponent(name)) ; var end = document.cookie.indexOf(';', start) ; if(end == -) { end = document.cookie.length; } return decodeURIComponent(document.cookie.substring(start+name.length+,end)); }; // 设置单值cookie this.set = function(name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value); // 设置默认过期时间为七天 if(expires == undefined) { var date = new Date(); date.setTime(date.getTime() + ****); expires = date ; } if(expires instanceof Date) { cookieText += "; expires=" + expires.toGMTString(); } if(path != undefined) { cookieText += "; path=" + path; } if(domain != undefined) { cookieText += "; domain" + domain; } if(secure != undefined) { cookieText += "; secure"; } document.cookie = cookieText; }; // 清除单值cookie this.unset = function(name, path, domain, secure) { this.set(name, '', new Date(), path, domain, secure ); }; // 设置多值cookie this.setAll = function(name, subCookies, expires, path, domain, secure) { var cookieText = ";" + encodeURIComponent(name) + "=", arr = new Array(); for(var attr in subCookies) { arr.push([encodeURIComponent(attr)] + ":" + encodeURIComponent(subCookies[attr])); } this.set(name, arr.join('&'), expires, path, domain, secure); }; // 获取多值cookie this.getAll = function(name) { var obj = {}; var arr = this.get(name).split('&'); for(var i = , len = arr.length; i < len; i++) { var tmpArr = arr[i].split(':'); obj[decodeURIComponent(tmpArr[])] = decodeURIComponent(tmpArr[]); } return obj; }; // 获取多值cookie的子cookie this.getSub = function(name, subname) { var obj = this.getAll(name); return obj[subname]; }; // 清除指定的多值cookie this.unsetAll = function(name,path,domain,secure) { this.unset(name, '', new Date(), path, domain, secure); }; // 清除指定多值cookie的子cookie this.unsetSub = function(name, subname,path, domain, secure) { var obj = this.getAll(name); delete obj[subname]; this.setAll(name, obj, null, path, domain, secure); }; }; return new Cookie(); })();
The above code is how this article introduces to you how to set, obtain, and clear single-value and multi-value cookies in JavaScript. If there is anything unclear, please leave me a message.