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