localStorage本地緩存

清空localStorage (clear)

localStorage.clear();//清空本地緩存

存儲數(shù)據(jù) (setItem)

localStorage.setItem('key',value);
//或者是localStorage.key=value;  value類型必須是字符串類型蜡坊!
localStorage //Storage {key: value, length: 1}

讀取數(shù)據(jù) (getItem)

localStorage.getItem('key');//根據(jù)參數(shù)key取得本地緩存中對應的值
localStorage.valueOf()//讀取所有數(shù)據(jù)
localStorage.key(0) //讀取第一條數(shù)據(jù)(key-value)

刪除某個變量 (removeItem)

localStorage.removeItem('key');//刪除key所對應的那一條本地緩存

是否存在某個變量 (hasOwnProperty)

localStorage.hasOwnProperty('age'); // 判斷當前LocalStorage是否有"age"這條記錄(不包括原型屬性)
//hasOwnProperty() 只能判斷屬性是否存在實例對象中不能判斷是否存在原型對象中

將JSON存儲在localStorage

localStorage中只能存儲字符串漱受,所以我們經(jīng)常會用到
JSON.stringify(Object)將一個對象轉(zhuǎn)換為字符串
再使用JSON.parse(ObjString)將一個字符串轉(zhuǎn)換為對象

let hero ={
    Assassin:{
        name:"劫",
        age:22
    },
    Master:{
        name:"光輝",
        age:18
    }
}
//將JSON存儲在localStorage步驟
//首先要將JSON轉(zhuǎn)化為字符串到一個變量  (JSON.stringify())
//將這個變量存儲在localStorage上
//最后獲取的時候再轉(zhuǎn)化為JSON  (JSON.parse())

hero = JSON.stringify(hero);        //將hero轉(zhuǎn)化成字符串
localStorage.setItem("hero",hero);//localStorage只能存儲字符串hero必須是字符串類型
let newHero = localStorage.getItem('hero');//獲取hero內(nèi)容
newHero = JSON.parse(hero);//將hero轉(zhuǎn)化為JSON命名為新的變量newHero

window.onbeforeunload

當窗口關閉的時候發(fā)生的事件

window.onbeforeunload = function(){
// 高版本需要按F5刷新一下
    return "拜拜~";
}
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市站绪,隨后出現(xiàn)的幾起案子蔓肯,更是在濱河造成了極大的恐慌遂鹊,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蔗包,死亡現(xiàn)場離奇詭異秉扑,居然都是意外死亡,警方通過查閱死者的電腦和手機调限,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門舟陆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人耻矮,你說我怎么就攤上這事秦躯。” “怎么了裆装?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵踱承,是天一觀的道長倡缠。 經(jīng)常有香客問我,道長茎活,這世上最難降的妖魔是什么昙沦? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮妙色,結(jié)果婚禮上桅滋,老公的妹妹穿的比我還像新娘。我一直安慰自己身辨,他們只是感情好丐谋,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布锯玛。 她就那樣靜靜地躺著膀跌,像睡著了一般。 火紅的嫁衣襯著肌膚如雪救欧。 梳的紋絲不亂的頭發(fā)上定庵,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天吏饿,我揣著相機與錄音,去河邊找鬼蔬浙。 笑死猪落,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的畴博。 我是一名探鬼主播笨忌,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼俱病!你這毒婦竟也來了官疲?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤亮隙,失蹤者是張志新(化名)和其女友劉穎途凫,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體溢吻,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡维费,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了促王。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掩完。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖硼砰,靈堂內(nèi)的尸體忽然破棺而出且蓬,到底是詐尸還是另有隱情,我是刑警寧澤题翰,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布恶阴,位于F島的核電站诈胜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏冯事。R本人自食惡果不足惜焦匈,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望昵仅。 院中可真熱鬧缓熟,春花似錦、人聲如沸摔笤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吕世。三九已至彰触,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間命辖,已是汗流浹背况毅。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留尔艇,地道東北人尔许。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像终娃,于是被迫代替她去往敵國和親母债。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

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

  • HTML5 LocalStorage 本地存儲 說到本地存儲尝抖,這玩意真是歷盡千辛萬苦才走到HTML5這一步,之前的...
    Omit03閱讀 632評論 0 2
  • 1.區(qū)域模塊分解 : 按照空間區(qū)域迅皇,對復雜的案例效果昧辽,分解為幾個較簡單的模塊部分。目的是:更方便的理解案例原理登颓。 ...
    空谷悠閱讀 527評論 0 1
  • JS使用技巧專題 1開發(fā)技巧 1.1函數(shù)使用 1.1.1函數(shù)聲明方式 JS函數(shù)的寫法總結(jié) http://blog....
    Kevin_Junbaozi閱讀 1,082評論 0 11
  • 【SESSIONSTORAGE, LOCALSTORAGE, COOKIE】 小課堂【武漢第156期】 分享人:莊...
    莊引之閱讀 877評論 0 6
  • HTML5本地存儲Localstorage 文章目錄 什么是localstorage 前幾天在老項目中發(fā)現(xiàn)有對co...
    w_zhuan閱讀 429評論 0 0