1. 程式人生 > >H5新特性之sessionStorage

H5新特性之sessionStorage

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>