本地存儲cookie的封裝,提供簡單的AIP,沒有對IE作兼容處理,由於俺主要用於chrome,Safari,Firefox、移動端等先進瀏覽器裏面跑。若是您有需求,能夠自行解決,共享出來。目前俺用不上,因此不想兼容IE。。。html
$ bower install icookie $ bower info icookie # Run bower info icookie to list the available versions.
$ npm install cookiejs
Github下載地址git
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.set({ name1: 'value1', name2: 'value2' });
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 |
設置 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":"" });
獲取 cookie 的值npm
cookie.get(name)
效果相同cookie(name)
瀏覽器
store.get("wcj1") //獲取wcj1的字符串數據 store("wcj1") //功能同上
清空cookie安全
cookie.clear()
效果相同cookie()
服務器
cookie() cookie.clear(
刪除cookiecookie
cookie.remove(name)
效果相同cookie(name,null)
網絡
cookie.remove("test") //刪除cookie test cookie("test",null) //這樣也是 刪除cookie test