localstorage - HTML 5 Web 存儲總結---【凡塵】
阿新 • • 發佈：2017-12-20
bsp 屬性 name set () 限定 json 存儲空間不足 cal
001、localStorage概念
在html5中，新加入了一個localStorage特性，這個特性主要是用來作為本地存儲，解決了cookie存儲空間不足的問題(cookie中每條cookie存儲空間為4K)，localStorage支持5M大小。
002、localStorage的局限
1、瀏覽器的大小不統一，並且IE8以上版本才支持localStorage這個屬性 2、localStorgae的值類型限定為String類型，我們需要JSON.parse() JSON.Stringify()進行轉換 3、localStorage在瀏覽器的隱私模式下是不可讀取的
003、localStorage的設置
localStorage.name = "凡塵";
localStorage["name"] = "凡塵";
localStorage.setItem("name","凡塵")
004、localStorage的讀取
var nameval = localStorage.name;
console.log(nameval);
var nameval = localStorage["name"];
var nameval = localStorage.getItem("name")
005、localStorage的獲取
使用key()方法，向其中輸入索引即可獲取對應的鍵值
localStorage.a = "1";
localStorage["b"] = "2";
localStorage.setItem("c","3");
for(var i=0;i<localStorage.length;i++){
var key = localStorage.key(i);
console.log(key)
}
006、localStorage的刪除
刪除所有：
localStorage.clear();
刪除某一個值
localStorage.removeItem(key)
localstorage - HTML 5 Web 存儲總結---【凡塵】