JavaScript中cookie工具函数封装的示例代码
一.语法
1.1获取当前页面的所有cookie：
varallCookies=document.cookie;
allCookies是一个字符串，其中包含了以分号分隔的cookie列表字符串(即key=value键值对)。
1.2写一个新cookie：
document.cookie=updatedCookie;
updatedCookie是一个键值对形式的字符串。只能用这个方法一次设置或更新一个cookie，而且写入并不是覆盖，而是添加。例如：
document.cookie="fontSize=14"; document.cookie="fontSize=16"; document.cookie="fontColor=black"; document.cookie;//fontSize=16;fontColor=black
1.3可选属性：
除了Cookie本身的内容，还有一些可选的属性也是可以写入的，定义cookie的设定/更新，跟着一个分号以作分隔：
Set-Cookie:value[;expires=date][;domain=domain][;path=path][;secure]
(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的接口封装：
varcookieUtil={
//设置cookie
setItem:function(name,value,days){
vardate=newDate();
date.setDate(date.getDate()+days);
document.cookie=name+'='+value+';expires='+date;
},
//获取cookie
getItem:function(name){
vararr=document.cookie.replace(/\s/g,"").split(';');
for(vari=0;i<arr.length;i++){
vartempArr=arr[i].split('=');
if(tempArr[0]==name){
returndecodeURIComponent(tempArr[1]);
}
}
return'';
},
//删除cookie
removeItem:function(name){
this.setItem(name,'1',-1);
},
//检查是否含有某cookie
hasItem:function(name){
return(newRegExp("(?:^|;\\s*)"+encodeURIComponent(name).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=")).test(document.cookie);
},
//获取全部的cookie列表
getAllItems:function(){
varcookieArr=document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,"").split(/\s*(?:\=[^;]*)?;\s*/);
for(varnIdx=0;nIdx<cookieArr.length;nIdx++){cookieArr[nIdx]=decodeURIComponent(cookieArr[nIdx]);}
returncookieArr;
}
};
总结
以上就是JavaScript中cookie工具函数封装的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。