首頁  >  文章  >  web前端  >  JS中對Cookie的操作詳解

JS中對Cookie的操作詳解

黄舟
黄舟原創
2017-03-01 14:35:56869瀏覽


前言

cookie設定


參數說​​明:
name          cookie 名稱,key值
value           可選,cookie 值
expire           可選,cookie 值
expire           可選,過期時間,時間戳格式
path             可選,伺服器端有效路徑,/# 表示整個頁面設定為有效路徑​​, 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 * 3600000);
                    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'));

JS中對Cookie的操作詳解

# 以上就是JS中對Cookie的操作詳解的內容,更多相關內容請關注PHP中文網(www.php.cn)!


#
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn