HTML5 Web Storage

sessionStorage方法如果關閉了瀏覽器，這個儲存的資料就丟失，在一次開啟瀏覽器瀏覽這個頁面的時候，點擊讀取資料將讀取不到任何資料。而localStorage則是瀏覽器被關閉，下次在開啟瀏覽器瀏覽這個頁面點擊讀取資料時任然能讀取到儲存的資料。當然，這個資料是區分瀏覽器的，在別的瀏覽器中是讀取不到這個瀏覽器儲存的資料的。兩種對象使用方法1．sessionStorage儲存資料：sessionStorage.setItem(key,value);讀取資料：sessionStorage.getItem(key);2．localStorage儲存資料：localStorage.setItem(key,value);讀取資料：localStorage.getItem(key);看上面的說明相信大家都能很快明白兩種對象的使用方法。但是，不管是使用哪個對象，都是用setItem(鍵名,索引值)的方法來儲存資料，儲存後不允許修改鍵名，但是可以修改索引值也就是說只建立鍵名，再儲存索引值。使用getItem方法讀取資料時，將參數指定為鍵名，返回索引值。// sessionStorage樣本JSfunction savesessionStorage(id){var target= document.getElementById(id);var str=target.value;sessionStorage.setItem("message",str);}function loadsessionStorage(id){var target=document.getElementById(id);var msg=sessionStorage.getItem("message");target.innerHTML=msg;}// localStorage樣本JSfunction savelocalStorage(id){var target= document.getElementById(id);var str=target.value;localStorage.setItem("message",str);}function loadlocalStorage(id){var target=document.getElementById(id);var msg=localStorage.getItem("message");target.innerHTML=msg;}