JavaScript cookie 的工具函数封装

一 语法 1 1 获取当前页面的所有cookie: var allCookies = document cookie; allCookies 是一个字符串,其中包含了以分

一. 语法

1.1 获取当前页面的所有cookie:

var allCookies = 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

    (例如一年为60 60

    24*365)

  • (4) expires=date-in-GMTString-format

    如果没有定义,cookie会在对话结束时过期。这个值的格式参见 Date.toUTCString()

  • (5) secure

    (cookie只通过https协议传输) cookie的值字符串可以用encodeURIComponent()来保证它不包含任何逗号、分号或空格(cookie值中禁止使用这些值)。

二. cookie的接口封装:

var cookieUtil = {

// 设置cookie

setItem: function(name, value, days) {

var date=new Date();

date.setDate(date.getDate()+days);

document.cookie=name+'='+value+';expires='+date;

},

// 获取cookie

getItem: function(name) {

var arr=document.cookie.replace(//s/g, "").split(';');

for(var i=0;i<arr.length;i++) {

var tempArr=arr[i].split('=');

if(tempArr[0]==name) {

return decodeURIComponent(tempArr[1]);

}

}

return '';

},

// 删除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;

}

};

未登录用户
全部评论0
到底啦