localStorage本地緩存

清空localStorage (clear)

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

存儲數據 (setItem)

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

讀取數據 (getItem)

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

刪除某個變量 (removeItem)

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

是否存在某個變量 (hasOwnProperty)

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

將JSON存儲在localStorage

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

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

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

window.onbeforeunload

當窗口關閉的時候發生的事件

window.onbeforeunload = function(){
// 高版本需要按F5刷新一下
    return "拜拜~";
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容