JavaScript cookie 的工具函數封裝

來源:互聯網
上載者:User

一. 文法

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 (例如一年為606024*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;
    }
};

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.