在HTML5中,web storage讓開發者可以將資料用key-value的方式儲存於Client端,且容量可以達到5MB;相較於cookie小的可憐的容量...對於開發與使用者互動的網頁特效需要用到cache時非常有幫助。

不過因為LocalStorage就只是個storage,沒有辦法設定時效,所以必要權限的處理,還是得使用cookie。

LocalStorage範例
寫入:

//寫入value有兩種方式
localStorage.test = "Hello";
localStorage.setItem("test2","HaHa");

讀出:

//讀出方式有三種,讀取時會因為讀取方式不同回傳的值也不同
alert( localStorage.test );//若為空值回傳undefined
alert( localStorage["test"] );//若為空值回傳undefined
alert( localStorage.getItem("test") );//若為空值回傳null

清除:

//清除test的資料
localStorage.removeItem("test");
//清除所有localStorage的值
localStorage.clear();