在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();
 
													