本地緩存是HTML5出現的新技術，這個技術的出現使得移動web的開發成為了可能。我們都知道，要想打造一個高性能的移動應用，速度是關鍵。而在HTML5之前，只有cookie能夠存儲數據，大小只有4kb。這嚴重限制了應用文件的存儲，導致web開發的移動應用程序需要較長的加載時間。有了本地存儲，讓web移動應用能夠更接近原生。 瀏覽器中，本地存儲通過window.localStorage調用。判斷瀏覽器是否支持本地存儲的代碼如下： ~~~ if(window.localStorage){?? ?alert('This?browser?supports?localStorage');?? }else{?? ?alert('This?browser?does?NOT?supportlocalStorage');?? }?? ~~~ 如果我們要將數據存儲到本地，最簡單的方法就是為window。localStorage添加一個屬性并為其賦值。例如我們要存儲一個數據name，它的值為Tom，就可以通過如下方式實現： ~~~ window.localStorage.name?=?“Tom”?? ~~~ 這里要注意字符串變量需要引號。當我們想取出本地存儲中的數據市，可以利用getItem方法。整個代碼流程如下： ~~~ var?storage?=?window.localStorage;?? storage.name?=?“Tom”;?? //取出name數據?? var?name1?=?storage.getItem(“name”);?? alert(name1);?? ~~~ 這段代碼在Chrome瀏覽器控制臺中的顯示結果就是一個顯示Tom的提示框。可見我們已經通過這種方式正確的進行了數據的存儲與讀取。 如果我們想刪除這些存儲的數據，可以使用removeItem方法。在以上代碼中加入如下代碼： ~~~ storage.removeItem(“name”);?? ~~~ 這時當我們再次alert的時候將顯示null，因為這個數據已經被清空了。