快捷導(dǎo)航

JavaScript中cookie工具函數(shù)封裝的示例代碼

更新時(shí)間：2016年10月11日 11:50:42 作者：子匠_Zijor

這篇文章給大家主要介紹了JavaScript中cookie工具函數(shù)的封裝，文中給出了詳細(xì)的實(shí)現(xiàn)步驟和示例代碼，相信會(huì)對(duì)大家的理解很有幫助，有需要的朋友們下面來(lái)一起看看吧。

一. 語(yǔ)法

1.1 獲取當(dāng)前頁(yè)面的所有cookie：

var allCookies = document.cookie;

allCookies 是一個(gè)字符串，其中包含了以分號(hào)分隔的cookie列表字符串 (即 key=value 鍵值對(duì))。

1.2 寫(xiě)一個(gè)新cookie：

document.cookie = updatedCookie;

updatedCookie是一個(gè)鍵值對(duì)形式的字符串。只能用這個(gè)方法一次設(shè)置或更新一個(gè)cookie，而且寫(xiě)入并不是覆蓋，而是添加。例如：

document.cookie = "fontSize=14";
document.cookie = "fontSize=16";
document.cookie = "fontColor=black";

document.cookie; // fontSize=16;fontColor=black

1.3 可選屬性：

除了Cookie本身的內(nèi)容，還有一些可選的屬性也是可以寫(xiě)入的，定義cookie的設(shè)定/更新，跟著一個(gè)分號(hào)以作分隔：

Set-Cookie: value[; expires=date][; domain=domain][; path=path][; secure]

(1) path=path (例如 ‘/', ‘/mydir') 如果沒(méi)有定義，默認(rèn)為當(dāng)前文檔位置的路徑。

(2) domain=domain (例如 ‘example.com'， ‘.example.com' (包括所有子域名), ‘subdomain.example.com') 如果沒(méi)有定義，默認(rèn)為當(dāng)前文檔位置的路徑的域名部分。

(3) max-age=max-age-in-seconds (例如一年為606024*365)

(4) expires=date-in-GMTString-format 如果沒(méi)有定義，cookie會(huì)在對(duì)話結(jié)束時(shí)過(guò)期。這個(gè)值的格式參見(jiàn)Date.toUTCString() 。

(5) secure (cookie只通過(guò)https協(xié)議傳輸) cookie的值字符串可以用encodeURIComponent()來(lái)保證它不包含任何逗號(hào)、分號(hào)或空格(cookie值中禁止使用這些值)。

二. cookie的接口封裝：

var cookieUtil = {
  // 設(shè)置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;
  }
};

總結(jié)

以上就是JavaScript中cookie工具函數(shù)封裝的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流。

您可能感興趣的文章: