3. Cordova存儲

主要是本地存儲炮捧,相當(dāng)于Android中的SP闯冷。

代碼

  • 添加測試按鈕

這個(gè)沒什么說的

<button id = "setLocalStorage">SET LOCAL STORAGE</button>
<button id = "showLocalStorage">SHOW LOCAL STORAGE</button>
<button id = "removeProjectFromLocalStorage">REMOVE PROJECT</button>
<button id = "getLocalStorageByKey">GET BY KEY</button>
  • 添加事件監(jiān)聽器和函數(shù)

    //根據(jù)id拿到元素并創(chuàng)建監(jiān)聽器
    //設(shè)置本地存儲
    document.getElementById("setLocalStorage").addEventListener("click", setLocalStorage);
    //顯示存儲數(shù)據(jù)
    document.getElementById("showLocalStorage").addEventListener("click", showLocalStorage);
    //刪除數(shù)據(jù)
    document.getElementById("removeProjectFromLocalStorage").addEventListener("click", removeProjectFromLocalStorage);
    //根據(jù)key獲取數(shù)據(jù)
    document.getElementById("getLocalStorageByKey").addEventListener("click", getLocalStorageByKey);
    //獲取本地存儲對象
    var localStorage = window.localStorage;
    
    //4個(gè)監(jiān)聽器函數(shù)温数,按順序?qū)?yīng)上面4個(gè)監(jiān)聽器
    function setLocalStorage() {
       localStorage.setItem("Name", "John");
       localStorage.setItem("Job", "Developer");
       localStorage.setItem("Project", "Cordova Project");
    }
    function showLocalStorage() {
       console.log(localStorage.getItem("Name"));
       console.log(localStorage.getItem("Job"));
       console.log(localStorage.getItem("Project"));
    }
    function removeProjectFromLocalStorage() {
       localStorage.removeItem("Project");
    }
    function getLocalStorageByKey() {
       console.log(localStorage.key(0));
    }
    

當(dāng)點(diǎn)擊第一個(gè)按鈕set數(shù)據(jù)后古徒,已經(jīng)存儲到了本地爆雹,點(diǎn)擊第二個(gè)按鈕展示結(jié)果如下


展示數(shù)據(jù)

點(diǎn)擊第三個(gè)按鈕是單個(gè)移除
點(diǎn)擊第四個(gè)按鈕是根據(jù)key(index)移除

主要方法

方法 說明
setItem(key, value) 用于將項(xiàng)目設(shè)置到本地存儲
getItem(key) 用于從本地存儲中獲得項(xiàng)目
removeItem(key) 用于從本地存儲中刪除該項(xiàng)目
key(index) 用于通過使用在本地存儲器中的項(xiàng)的索引獲得的項(xiàng)目性穿。項(xiàng)目是按字母順序排序的
length() 用于檢索存在于本地存儲器的項(xiàng)目數(shù)量
clear() 用于從本地存儲中刪除所有的鍵/值對
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末勺三,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子需曾,更是在濱河造成了極大的恐慌吗坚,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胯舷,死亡現(xiàn)場離奇詭異刻蚯,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)桑嘶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進(jìn)店門炊汹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人逃顶,你說我怎么就攤上這事讨便。” “怎么了以政?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵霸褒,是天一觀的道長。 經(jīng)常有香客問我盈蛮,道長废菱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮殊轴,結(jié)果婚禮上衰倦,老公的妹妹穿的比我還像新娘。我一直安慰自己旁理,他們只是感情好樊零,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著孽文,像睡著了一般驻襟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上芋哭,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天沉衣,我揣著相機(jī)與錄音,去河邊找鬼减牺。 笑死厢蒜,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的烹植。 我是一名探鬼主播斑鸦,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼草雕!你這毒婦竟也來了巷屿?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤墩虹,失蹤者是張志新(化名)和其女友劉穎嘱巾,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體诫钓,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡旬昭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了菌湃。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片问拘。...
    茶點(diǎn)故事閱讀 40,488評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖惧所,靈堂內(nèi)的尸體忽然破棺而出骤坐,到底是詐尸還是另有隱情,我是刑警寧澤下愈,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布纽绍,位于F島的核電站,受9級特大地震影響势似,放射性物質(zhì)發(fā)生泄漏拌夏。R本人自食惡果不足惜僧著,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望障簿。 院中可真熱鬧霹抛,春花似錦、人聲如沸卷谈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽世蔗。三九已至,卻和暖如春朗兵,著一層夾襖步出監(jiān)牢的瞬間污淋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工余掖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留寸爆,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓盐欺,卻偏偏與公主長得像赁豆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子冗美,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 個(gè)人博客:https://yeaseonzhang.github.io 花了半個(gè)多月的時(shí)間魔种,終于又把“JS紅寶書”...
    Yeaseon閱讀 1,755評論 2 23
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個(gè)實(shí)例粉洼,加載時(shí)并不主動創(chuàng)建节预,需要時(shí)才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,076評論 1 10
  • H5 meta詳解 viewport width:控制 viewport 的大小属韧,可以指定的一個(gè)值安拟,如果 600,...
    FConfidence閱讀 823評論 0 3
  • JS使用技巧專題 1開發(fā)技巧 1.1函數(shù)使用 1.1.1函數(shù)聲明方式 JS函數(shù)的寫法總結(jié) http://blog....
    Kevin_Junbaozi閱讀 1,086評論 0 11
  • 1.text-align: center的作用是什么宵喂,作用在什么元素上糠赦?能讓什么元素水平居中 作用是讓元素的文本內(nèi)...
    饑人谷_bigJiao閱讀 332評論 0 0