一. 语法
1.1 获取当前页面的所有cookie：
allCookies 是一个字符串，其中包含了以分号分隔的cookie列表字符串 (即 key=value 键值对)。
1.2 写一个新cookie：
updatedCookie是一个键值对形式的字符串。只能用这个方法一次设置或更新一个cookie，而且写入并不是覆盖，而是添加。例如：
document.cookie; // fontSize=16;fontColor=black
1.3 可选属性：
除了Cookie本身的内容，还有一些可选的属性也是可以写入的，定义cookie的设定/更新，跟着一个分号以作分隔：
(1) path=path (例如 ‘/',‘/mydir') 如果没有定义，默认为当前文档位置的路径。
(2) domain=domain (例如 ‘example.com'， ‘.example.com' (包括所有子域名),‘subdomain.example.com') 如果没有定义，默认为当前文档位置的路径的域名部分。
(3) max-age=max-age-in-seconds (例如一年为606024*365)
(4) expires=date-in-GMTString-format 如果没有定义，cookie会在对话结束时过期。这个值的格式参见Date.toUTCString() 。
(5) secure (cookie只通过https协议传输) cookie的值字符串可以用encodeURIComponent()来保证它不包含任何逗号、分号或空格(cookie值中禁止使用这些值)。
二. cookie的接口封装：
获取cookie
getItem: function(name) {
var arr=document.cookie.replace(/\s/g,"").split(';');
for(var i=0;i删除cookie
removeItem: function(name) {
this.setItem(name,'1',-1);
},// 检查是否含有某cookie
hasItem: function(name) {
return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(name).replace(/[\-\.\+\*]/g,"\\$&") + "\\s*\\=")).test(document.cookie);
},// 获取全部的cookie列表
getAllItems: function() {
var cookieArr = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,"").split(/\s*(?:\=[^;]*)?;\s*/);
for (var nIdx = 0; nIdx < cookieArr.length; nIdx++) { cookieArr[nIdx] = decodeURIComponent(cookieArr[nIdx]); }
return cookieArr;
}
};
总结
以上就是JavaScript中cookie工具函数封装的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
原文链接：https://www.f2er.com/js/45282.html