欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實現(xiàn)基于Cookie的存儲類實例

 更新時間:2015年04月10日 08:59:04   作者:liuli  
這篇文章主要介紹了JavaScript實現(xiàn)基于Cookie的存儲類,實例分析了javascript通過cookie實現(xiàn)數(shù)據(jù)存儲的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)基于Cookie的存儲類。分享給大家供大家參考。具體分析如下:

通過這個JS類,你可以象使用session一樣使用cookie,非常簡單了!

/*
 * CookieStorage.js
 * 本類實現(xiàn)像localStorage和sessionStorage一樣的存儲API
 * 不同的是,它是基于HTTP Cookies實現(xiàn)的.
 */
function CookieStorage(maxage, path) {
// 兩個參數(shù)分別代表儲存有效期和作用域
 // 獲取一個儲存全部cookies的對象
 var cookies = (function() {
 // 類型之前介紹的getCookies函數(shù)
  var cookies = {};
  // 該對象最終會返回
  var all = document.cookie;
  // 以大字符串的形式獲取所有cookies的信息
  if (all === "")
  // 如果該屬性為空白符
   return cookies;
   // 返回一個空對象
  var list = all.split("; ");
  // 分離出名/值對
  for(var i = 0; i < list.length; i++) {
  // 遍歷每個cookie
   var cookie = list[i];
   var p = cookie.indexOf("=");
   // 找到第一個“=”符號
   var name = cookie.substring(0,p);
   // 獲取cookie的名字
   var value = cookie.substring(p+1);
   // 獲取cookie對應的值
   value = decodeURIComponent(value);
   // 對其值進行解碼
   cookies[name] = value;
   // 將名值對存儲到對象中
  }
  return cookies;
 }());
 // 將所有cookie的名字存儲到一個數(shù)組中
 var keys = [];
 for(var key in cookies) keys.push(key);
 // 現(xiàn)在定義儲存API公共的屬性和方法
 // 儲存的cookies的個數(shù)
 this.length = keys.length;
 // 返回第n個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;
 };
 // 儲存cookie值
 this.setItem = function(key, value) {
  if (!(key in cookies)) {
  // 如果要促成的cookie還不存在
   keys.push(key);
   // 將指定的名字加入到儲存所有cookie名的數(shù)組中
   this.length++;
   // cookies個數(shù)加一
  }
  // 將該名/值對數(shù)據(jù)存儲到cookie對象中.
  cookies[key] = value;
  // 開始正式設置cookie.
  // 首先將要儲存的cookie的值進行編碼
  // 同時創(chuàng)建一個“名稱=編碼后的值”形式的字符串
  var cookie = key + "=" + encodeURIComponent(value);
  // 將cookie的屬性也加入到該字符串中
  if (maxage) cookie += "; max-age=" + maxage;
  if (path) cookie += "; path=" + path;
  // 通過document.cookie屬性來設置cookie
  document.cookie = cookie;
 };
 // 刪除指定的cookie
 this.removeItem = function(key) {
  if (!(key in cookies)) return;
  // 如果cookie不存在,則什么也不做
  // 從內部維護的cookies組刪除指定的cookie
  delete cookies[key];
  // 同時將cookie中的名字也在內部的數(shù)組中刪除.
  // 如果使用ES5定義的數(shù)組indexOf()方法會更加簡單.
  for(var i = 0; i < keys.length; i++) {
  // 遍歷所有的名字
   if (keys[i] === key) { 
   // 當我們找到了要找的那個
    keys.splice(i,1); 
 // 將它從數(shù)組中刪除.
    break;
   }
  }
  this.length--; 
  // cookies個數(shù)減一
  // 最終通過將該cookie的值設置為空字符串
  //以及將有效期設置為0來刪除指定的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";
  // 重置所有的內部狀態(tài)
  cookies = {};
  keys = [];
  this.length = 0;
 };
}

希望本文所述對大家的javascript程序設計有所幫助。

相關文章

  • Echarts自定義地圖和添加圖標代碼示例

    Echarts自定義地圖和添加圖標代碼示例

    這篇文章主要給大家介紹了關于Echarts自定義地圖和添加圖標的相關資料,項目中經常會遇到需要渲染echarts地圖的情況,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下
    2023-09-09
  • JavaScript實現(xiàn)窮舉排列(permutation)算法謎題解答

    JavaScript實現(xiàn)窮舉排列(permutation)算法謎題解答

    這篇文章主要介紹了JavaScript實現(xiàn)窮舉排列(permutation)算法謎題解答,窮舉排列是指窮舉一個數(shù)組中各個元素的排列,需要的朋友可以參考下
    2014-12-12
  • javascript高級學習筆記整理

    javascript高級學習筆記整理

    打算做一個js面向對象的貪吃蛇,但是最終是流產了,整理了下廢棄的代碼,回顧了下PPT.想學習js面向對象的朋友也可以參考下。
    2011-08-08
  • javascript 也來玩玩圖片預加載

    javascript 也來玩玩圖片預加載

    javascript 也來玩玩圖片預加載...
    2007-05-05
  • JavaScript使用Math.Min返回兩個數(shù)中較小數(shù)的方法

    JavaScript使用Math.Min返回兩個數(shù)中較小數(shù)的方法

    這篇文章主要介紹了JavaScript使用Math.Min返回兩個數(shù)中較小數(shù)的方法,涉及javascript中Math.Min方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • Uniapp中嵌入H5并在H5中跳轉到APP的指定頁面方法詳解

    Uniapp中嵌入H5并在H5中跳轉到APP的指定頁面方法詳解

    Uniapp是一款基于Vue.js框架的跨平臺開發(fā)工具,支持在一套代碼中開發(fā)出運行于各大平臺的應用程序,這篇文章主要給大家介紹了關于Uniapp中嵌入H5并在H5中跳轉到APP的指定頁面的相關資料,需要的朋友可以參考下
    2023-09-09
  • 微信小程序實現(xiàn)彈幕墻(祝福墻)

    微信小程序實現(xiàn)彈幕墻(祝福墻)

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)彈幕墻、祝福墻效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • JS實現(xiàn)的base64加密解密操作示例

    JS實現(xiàn)的base64加密解密操作示例

    這篇文章主要介紹了JS實現(xiàn)的base64加密解密操作,結合實例形式分析了基于javascript的base64加密與解密函數(shù)定義與使用相關操作技巧,需要的朋友可以參考下
    2018-04-04
  • JavaScript常用驗證函數(shù)實例匯總

    JavaScript常用驗證函數(shù)實例匯總

    這篇文章主要介紹了JavaScript常用驗證函數(shù),實例匯總了如字符串驗證、表單驗證及js常用特效等諸多js常用驗證函數(shù)及相關技巧,非常具有實用價值,需要的朋友可以參考下
    2014-11-11
  • js 中 document.createEvent的用法

    js 中 document.createEvent的用法

    用該方法創(chuàng)建了 Event 對象以后,必須用上表中所示的初始化方法初始化對象。關于初始化方法的詳細信息,請參閱 Event 對象參考。
    2010-08-08

最新評論