JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類實(shí)例
本文實(shí)例講述了JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類。分享給大家供大家參考。具體分析如下:
通過(guò)這個(gè)JS類,你可以象使用session一樣使用cookie,非常簡(jiǎn)單了!
/*
* CookieStorage.js
* 本類實(shí)現(xiàn)像localStorage和sessionStorage一樣的存儲(chǔ)API
* 不同的是,它是基于HTTP Cookies實(shí)現(xiàn)的.
*/
function CookieStorage(maxage, path) {
// 兩個(gè)參數(shù)分別代表儲(chǔ)存有效期和作用域
// 獲取一個(gè)儲(chǔ)存全部cookies的對(duì)象
var cookies = (function() {
// 類型之前介紹的getCookies函數(shù)
var cookies = {};
// 該對(duì)象最終會(huì)返回
var all = document.cookie;
// 以大字符串的形式獲取所有cookies的信息
if (all === "")
// 如果該屬性為空白符
return cookies;
// 返回一個(gè)空對(duì)象
var list = all.split("; ");
// 分離出名/值對(duì)
for(var i = 0; i < list.length; i++) {
// 遍歷每個(gè)cookie
var cookie = list[i];
var p = cookie.indexOf("=");
// 找到第一個(gè)“=”符號(hào)
var name = cookie.substring(0,p);
// 獲取cookie的名字
var value = cookie.substring(p+1);
// 獲取cookie對(duì)應(yīng)的值
value = decodeURIComponent(value);
// 對(duì)其值進(jìn)行解碼
cookies[name] = value;
// 將名值對(duì)存儲(chǔ)到對(duì)象中
}
return cookies;
}());
// 將所有cookie的名字存儲(chǔ)到一個(gè)數(shù)組中
var keys = [];
for(var key in cookies) keys.push(key);
// 現(xiàn)在定義儲(chǔ)存API公共的屬性和方法
// 儲(chǔ)存的cookies的個(gè)數(shù)
this.length = keys.length;
// 返回第n個(gè)cookie的名字,如果n越界則返回null
this.key = function(n) {
if (n < 0 || n >= keys.length) return null;
return keys[n];
};
// 返回指定名字的cookie值,如果不存在則返回null
this.getItem = function(name){
return cookies[name] || null;
};
// 儲(chǔ)存cookie值
this.setItem = function(key, value) {
if (!(key in cookies)) {
// 如果要促成的cookie還不存在
keys.push(key);
// 將指定的名字加入到儲(chǔ)存所有cookie名的數(shù)組中
this.length++;
// cookies個(gè)數(shù)加一
}
// 將該名/值對(duì)數(shù)據(jù)存儲(chǔ)到cookie對(duì)象中.
cookies[key] = value;
// 開(kāi)始正式設(shè)置cookie.
// 首先將要儲(chǔ)存的cookie的值進(jìn)行編碼
// 同時(shí)創(chuàng)建一個(gè)“名稱=編碼后的值”形式的字符串
var cookie = key + "=" + encodeURIComponent(value);
// 將cookie的屬性也加入到該字符串中
if (maxage) cookie += "; max-age=" + maxage;
if (path) cookie += "; path=" + path;
// 通過(guò)document.cookie屬性來(lái)設(shè)置cookie
document.cookie = cookie;
};
// 刪除指定的cookie
this.removeItem = function(key) {
if (!(key in cookies)) return;
// 如果cookie不存在,則什么也不做
// 從內(nèi)部維護(hù)的cookies組刪除指定的cookie
delete cookies[key];
// 同時(shí)將cookie中的名字也在內(nèi)部的數(shù)組中刪除.
// 如果使用ES5定義的數(shù)組indexOf()方法會(huì)更加簡(jiǎn)單.
for(var i = 0; i < keys.length; i++) {
// 遍歷所有的名字
if (keys[i] === key) {
// 當(dāng)我們找到了要找的那個(gè)
keys.splice(i,1);
// 將它從數(shù)組中刪除.
break;
}
}
this.length--;
// cookies個(gè)數(shù)減一
// 最終通過(guò)將該cookie的值設(shè)置為空字符串
//以及將有效期設(shè)置為0來(lái)刪除指定的cookie.
document.cookie = key + "=; max-age=0";
};
// 刪除所有的cookies
this.clear = function() {
// 循環(huán)所有的cookies的名字,并將cookies刪除
for(var i = 0; i < keys.length; i++)
document.cookie = keys[i] + "=; max-age=0";
// 重置所有的內(nèi)部狀態(tài)
cookies = {};
keys = [];
this.length = 0;
};
}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- ExtJS與PHP、MySQL實(shí)現(xiàn)存儲(chǔ)的方法
- javascript Ext JS 狀態(tài)默認(rèn)存儲(chǔ)時(shí)間
- javascript js cookie的存儲(chǔ),獲取和刪除
- Node.js中調(diào)用mysql存儲(chǔ)過(guò)程示例
- 什么是cookie?js手動(dòng)創(chuàng)建和存儲(chǔ)cookie
- js瀏覽器本地存儲(chǔ)store.js介紹及應(yīng)用
- jsp使用cookie存儲(chǔ)中文示例分享
- 用JavaScript計(jì)算在UTF-8下存儲(chǔ)字符串占用字節(jié)數(shù)
- JavaScript筆記之?dāng)?shù)據(jù)屬性和存儲(chǔ)器屬性
- JSON復(fù)雜數(shù)據(jù)處理之Json樹(shù)形結(jié)構(gòu)數(shù)據(jù)轉(zhuǎn)Java對(duì)象并存儲(chǔ)到數(shù)據(jù)庫(kù)的實(shí)現(xiàn)
- js仿微博實(shí)現(xiàn)統(tǒng)計(jì)字符和本地存儲(chǔ)功能
- 瀏覽器中url存儲(chǔ)的JavaScript實(shí)現(xiàn)
- 總結(jié)JavaScript三種數(shù)據(jù)存儲(chǔ)方式之間的區(qū)別
相關(guān)文章
JavaScript實(shí)現(xiàn)窮舉排列(permutation)算法謎題解答
這篇文章主要介紹了JavaScript實(shí)現(xiàn)窮舉排列(permutation)算法謎題解答,窮舉排列是指窮舉一個(gè)數(shù)組中各個(gè)元素的排列,需要的朋友可以參考下2014-12-12
javascript高級(jí)學(xué)習(xí)筆記整理
打算做一個(gè)js面向?qū)ο蟮呢澇陨?但是最終是流產(chǎn)了,整理了下廢棄的代碼,回顧了下PPT.想學(xué)習(xí)js面向?qū)ο蟮呐笥岩部梢詤⒖枷隆?/div> 2011-08-08
JavaScript使用Math.Min返回兩個(gè)數(shù)中較小數(shù)的方法
這篇文章主要介紹了JavaScript使用Math.Min返回兩個(gè)數(shù)中較小數(shù)的方法,涉及javascript中Math.Min方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
Uniapp中嵌入H5并在H5中跳轉(zhuǎn)到APP的指定頁(yè)面方法詳解
Uniapp是一款基于Vue.js框架的跨平臺(tái)開(kāi)發(fā)工具,支持在一套代碼中開(kāi)發(fā)出運(yùn)行于各大平臺(tái)的應(yīng)用程序,這篇文章主要給大家介紹了關(guān)于Uniapp中嵌入H5并在H5中跳轉(zhuǎn)到APP的指定頁(yè)面的相關(guān)資料,需要的朋友可以參考下2023-09-09
JS實(shí)現(xiàn)的base64加密解密操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的base64加密解密操作,結(jié)合實(shí)例形式分析了基于javascript的base64加密與解密函數(shù)定義與使用相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
JavaScript常用驗(yàn)證函數(shù)實(shí)例匯總
這篇文章主要介紹了JavaScript常用驗(yàn)證函數(shù),實(shí)例匯總了如字符串驗(yàn)證、表單驗(yàn)證及js常用特效等諸多js常用驗(yàn)證函數(shù)及相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-11-11最新評(píng)論

