localStorage是HTML5提供的一種用于在瀏覽器中存儲數據的機制。它可以在瀏覽器關閉后仍然保留數據,可以用于存儲用戶的個人設置、游戲進度、購物車信息等。
存儲數據到localStorage:
要將數據存儲到localStorage中,可以使用setItem方法。該方法接受兩個參數,第一個參數是要存儲的數據的鍵名,第二個參數是要存儲的數據的值。例如:
localStorage.setItem(“key”, “value”);
讀取數據從localStorage:
要從localStorage中讀取數據,可以使用getItem方法。該方法接受一個參數,即要讀取的數據的鍵名,返回對應的值。例如:
var value = localStorage.getItem(“key”);
刪除數據從localStorage:
要從localStorage中刪除數據,可以使用removeItem方法。該方法接受一個參數,即要刪除的數據的鍵名。例如:
localStorage.removeItem(“key”);
注意事項:
存儲在localStorage中的數據是以鍵值對的形式存儲的,鍵名和值都是字符串類型。
如果要存儲的值不是字符串類型,可以使用JSON.stringify()方法將其轉換為字符串存儲,再使用JSON.parse()方法將其轉換回原來的類型讀取。
localStorage中的數據是在同一域名下共享的,不同域名之間的localStorage是互相獨立的。
localStorage的存儲容量是有限的,通常為5MB左右,超過容量會導致存儲失敗。