本地存儲cookie的封裝,提供簡單的API




圖片描述

本地存儲cookie的封裝,提供簡單的AIP,沒有對IE作兼容處理,由於俺主要用於chrome,Safari,Firefox、移動端等先進瀏覽器裏面跑。若是您有需求,能夠自行解決,共享出來。目前俺用不上,因此不想兼容IE。。。html

安裝

bower

$ bower install icookie
$ bower info icookie # Run bower info icookie to list the available versions.

npm

$ npm install cookiejs

Github下載地址git

cookie APIs

cookie("test","tank",1800)  //設置 cookie 的值,生存時間半個小時
cookie("test")              //獲取 cookie 的值,顯示tank
cookie("test",null)         //刪除cookie test
cookie()                    //清空cookie

cookie.set("test","tank",1800)  //====cookie("test","tank",1800)
cookie.get("test")              //====cookie("test")
cookie.remove("test")           //====cookie("test",null)
cookie.clear()                  //====cookie()

cookie.all()                    //獲取全部 cookie

批量設置cookie的值

cookie.set({
   name1: 'value1',
   name2: 'value2'
});

expires過時時間、 path路徑、 domain域、以及 secure安全。

cookie("test","123",{
    "expires": 7,
    "path": '/',
    "domain":""
});
cookie({"test":"123"},{
    "expires": 7,
    "path": '/',
    "domain":""
});
key value default value
expires 過時時間(天)。指定cookie的生命期。具體是值是過時日期。若是想讓cookie的存在期限超過當前瀏覽器會話時間,就必須使用這個屬性。當過了到期日期時,瀏覽器就能夠刪除cookie文件,沒有任何影響。 瀏覽器關閉過時
domain 域。指定關聯的WEB服務器或域。值是域名,好比pc175.com。這是對path路徑屬性的一個延伸。若是咱們想讓 catalog.pc175.com 可以訪問shoppingcart.pc175.com設置的cookies,該怎麼辦? 咱們能夠把domain屬性設置成「pc175.com」,並把path屬性設置成「/」。tag:不能把cookies域屬性設置成與設置它的服務器的所在域不一樣的值。 默認本域
path 路徑。指定與cookie關聯的WEB頁。值能夠是一個目錄,或者是一個路徑。若是http://www.pc175.com/devhead/index.html 創建了一個cookie,那麼在http://www.pc175.com/devhead/目錄裏的全部頁面,以及該目錄下面任何子目錄裏的頁面均可以訪問這個cookie。這就是說,在http://www.pc175.com/devhead/stories/articles 裏的任何頁面均可以訪問http://www.pc175.com/devhead/index.html創建的cookie。可是,若是http://www.pc175.com/zdnn/ 須要訪問http://www.pc175.com/devhead/index.html設置的cookes,該怎麼辦?這時,咱們要把cookies 的path屬性設置成「/」。在指定路徑的時候,凡是來自同一服務器,URL裏有相同路徑的全部WEB頁面均可以共享cookies。如今看另外一個例子:若是想讓 http://www.pc175.com/devhead/filters/http://www.pc175.com/devhead/stories/共享cookies,就要把path設成「/devhead」。 默認 /
secure 安全。指定cookie的值經過網絡如何在用戶和WEB服務器之間傳遞。這個屬性的值或者是「secure」,或者爲空。缺省狀況下,該屬性爲空,也就是使用不安全的HTTP鏈接傳遞數據。若是一個 cookie 標記爲secure,那麼,它與WEB服務器之間就經過HTTPS或者其它安全協議傳遞數據。不過,設置了secure屬性不表明其餘人不能看到你機器本地保存的cookie。換句話說,把cookie設置爲secure,只保證cookie與WEB服務器之間的數據傳輸過程加密,而保存在本地的cookie文件並不加密。若是想讓本地cookie也加密,得本身加密數據。 false

set

設置 cookie 的值,設置時間github

cookie.set(name,value,options)
效果相同cookie(name,value,options)chrome

cookie("test","tank",30)    //設置cookie,並設置過時時間30天

cookie("test","123",{       //設置cookie,並設置過時時間7天,路徑、域
    "expires": 7,
    "path": '/',
    "domain":""
});

cookie({"test":"123","test2":"456"},{  //批量設置
    "expires": 7,
    "path": '/',
    "domain":""
});

get

獲取 cookie 的值npm

cookie.get(name)
效果相同cookie(name)瀏覽器

store.get("wcj1") //獲取wcj1的字符串數據
store("wcj1") //功能同上

clear

清空cookie安全

cookie.clear()
效果相同cookie()服務器

cookie()
cookie.clear(

remove

刪除cookiecookie

cookie.remove(name)
效果相同cookie(name,null)網絡

cookie.remove("test") //刪除cookie test
cookie("test",null) //這樣也是 刪除cookie test
相關文章
相關標籤/搜索