首先自然是檢測瀏覽器是否支援本地儲存。在html5中，本地儲存是乙個window的屬性，包括localstorage和sessionstorage，從名字應該可以很清楚的辨認二者的區別，前者是一直存在本地的，後者只是伴隨著session，視窗一旦關閉就沒了。二者用法完全相同，這裡以localstorage為例。
if(window.localstorage)else{
alert('this brower not supports localstorage)
儲存資料的方法就是直接給window.localstorage新增乙個屬性，例如：window.localstorage.a 或者 window.localstorage["a"]。它的讀取、寫、刪除操作方法很簡單，是以鍵值對的方式存在的，如下：
localstorage.setitem("a","isaac");//設定a的值為"isaac"
var a = localstorage.getitem("a");//獲取a的值
localstorage.removeitem("a");//清除a的值
最推薦使用的自然是getitem()和setitem()，清除鍵值對使用removeitem()。如果希望一次性清除所有的鍵值對，可以使用clear()。另外，html5還提供了乙個key()方法，可以在不知道有哪些鍵值的時候使用，如下：
var storage = window.localstorage;
function showstorage(){
for(var i = 0;i//key(i)獲得相應的鍵，再用getitem獲得相應的鍵值
document.write(storage.key(i)+":"+storage.getitem(storage.key(i))+"
")需要注意的是，html5本地儲存只能存字串，任何格式儲存的時候都會被自動轉為字串，所以讀取的時候，需要自己進行型別的轉換。這也就是上一段**中parseint必須要使用的原因。
LocalStorage與IndexDB的使用
localstorage 用於本地儲存，解決了cookie的儲存空間不足問題，cookie儲存空間一般為4k，而localstorage一般在瀏覽器分配的空間大小為5m，不同的瀏覽器分配的儲存空間大小不等 localstorage與sessionstorage相比，生命週期更長，便於資料長期儲存。l...
正規表示式與localStorage
本地儲存技術 localstorage ie8以下不相容 1 永久儲存 2 最大可以儲存5m 客戶端的乙個微型資料庫 3 只能儲存string cookie 1 可以設定過期時間 2 最大可以存4kb 3 每乙個網域名稱下面最多可以儲存50條資料 sessionstorage 結合後台使用 loca...
本地快取localstorage
cookie，localstorage，sessionstorage都可以實現客戶端儲存，三者的區別有哪些了？cookie作為最早期的被設計web瀏覽器儲存少量資料，從底層看，它是作為http協議的一種擴充套件實現。cookie資料會自動在web瀏覽器和web伺服器之間傳輸資料。cookie有效期 ...