H5新特性之sessionStorage
阿新 • • 發佈:2018-11-19
sessinStorage的使用:儲存資料到本地。儲存的容量5mb左右。 這個資料本質是儲存在當前頁面的內容中 2.他的生命週期為關閉當前頁面,會自動清除 頁面關閉就沒了 setItem(key,value):儲存資料,以鍵值對的方式儲存 getITem(key):獲取資料,通過指定名稱的key獲取對應的value值 removaItem(key):刪除資料,通過指定名稱key刪除對應的值 clear():清空所有儲存的內容<br> <input type="text" id="userName"/><br> <input type="button" value="設定資料" id="setData"/> <input type="button" value="獲取資料" id="getData"/> <input type="button" value="刪除資料" id="removeData"/> <script type="text/javascript"> document.querySelector("#setData").onclick=function(){ /*獲取使用者名稱資料*/ var name=document.querySelector("#userName").value; /*儲存資料*/ window.sessionStorage.se tItem("userName",name); }; document.querySelector("#getData").onclick=function(){ /*如果找不到對應的key,就會獲取null*/ var name=window.sessionStorage.getItem("userName"); alert(name); }; /*在刪除的時候如果key值錯誤,不會報錯,也不會刪除資料 */ document.querySelector("#removeData").onclick=function(){ window.sessionStorage.removeItem("userName"); }; </script>