JS中對Cookie的操作詳解

前言

cookie設定

參數說明：

name cookie 名稱，key值

value 可選，cookie 值

expire 可選，過期時間，時間戳格式

path 可選，伺服器端有效路徑，/ 表示整個域名有效，預設為目前設定 cookie 時頁面的路徑

domain 可選，該 cookie 有效的域名

secure 可選。規定是否通過安全的 HTTPS 連接配接來傳輸 cookie。

代碼的封裝

(function(){
    var cookieObj={
            'add':function(name, value, hours){ //修改或是添加cookie
                var expire = "";
                if(hours != null){ expire = new Date((new Date()).getTime() + hours *); expire = "; expires=" + expire.toGMTString(); }               
                document.cookie = name + "=" + escape(value) + expire + ";path=/";
                //如果指定域名可以使用如下
                //document.cookie = name + "=" + escape(value) + expire + ";path=/;domain=findme.wang";
            },
            'get':function(c_name){//讀取cookie
                if (document.cookie.length>0){ c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1){ c_start=c_start + c_name.length+1 c_end=document.cookie.indexOf(";",c_start) if (c_end==-1){ c_end=document.cookie.length } return unescape(document.cookie.substring(c_start,c_end)) } }
                    return "";
            }
    };
    window.cookieObj=cookieObj;
}());
           

調用測試

cookieObj.add('myWeb','http://www.findme.wang');
console.log('myWeb:'+cookieObj.get('website'));