HTML5學習筆記之用戶端儲存資料方法：localStorage(),sessionStorage()

標籤：io   使用   sp   java   資料   on   bs   代碼   html   

HTML5提供了兩種在用戶端儲存資料的新方法：

　　localStorage():沒有時間限制的資料存放區

　　sessionStorage():針對一個session的資料存放區

　　下面的一個例子用localStroage()方法對使用者訪問頁面的次數進行計數

　　<script type="text/javascript">

　　　　if(localStorage.pagecount)

　　　　{

　　　　　　localStorage.pagecount=Number(localStorage.pagecount)+1;

　　　　}

　　　　else

　　　　{

　　　　　　localStorage.pageCount=1;

　　　　}

　　　　document.write("Visit"+localStorage.pagecount+"times.");

　　</script>

　　運行此段代碼後可以看到訪問次數Visits: 1 times.重新整理頁面後次數會繼續增長。關閉頁面重新開啟時會在原來的基礎上繼續增長。

　　

　　下面的例子使用sessionStorage()方法對當前session中訪問頁面的次數進行計數

　　<script type="text/javascript">

　　　　if(sessionStorage.pagecount)

　　　　{

　　　　　　sessionStorage.pagecount=Number(sessionStorage.pagecount)+1;

　　　　}

　　　　else

　　　　{

　　　　　　sessionStorage.pagecount=1;

　　　　}

　　　　document.write("Visit"+sessionStorage.pagecount+"times.");

　　</script>

　　運行代碼後會顯示Visits 1 times.重新整理頁面後會在此基礎上繼續增加，但是關閉頁面後資料會丟掉，開啟時重新從1開始計數。

 

HTML5學習筆記之用戶端儲存資料方法：localStorage(),sessionStorage()