HTML5 提供了兩種在客戶端存儲數據的新對象：

localStorage：沒有時間限制的數據存儲，在同一個瀏覽器中，只要沒被手動清理，第二天、第二周或下一年之后，數據依然可用。

sessionStorage：針對一個 session 的數據存儲，針對一個 session 進行數據存儲。當用戶關閉瀏覽器窗口后，數據會被刪除(而且只在當前窗口有效)。 以下是使用這兩個對象的例子：

在客戶端存儲數據

HTML5 提供了兩種在客戶端存儲數據的新方法：

• localStorage：沒有時間限制的數據存儲
• sessionStorage：針對一個 session 的數據存儲

localStorage的使用：

localStorage存儲的數據沒有時間限制。在同一個瀏覽器中，只要沒被手動清理，第二天、第二周或下一年之后，數據依然可用。

例子：你在本機使用本瀏覽器第 次瀏覽本頁面。

sessionStorage的使用：

sessionStorage針對一個 session 進行數據存儲。當用戶關閉瀏覽器窗口后，數據會被刪除(而且只在當前窗口有效)。

例子：你在本次打開此窗口后，第 次瀏覽了本頁面。

$(function(){

recordVisitCount();

recordSessionCount();

});

function recordVisitCount(){

if (localStorage.pagecount){

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

} else {

localStorage.pagecount=1;

}

$("#visitCount").html(localStorage.pagecount);

}

function recordSessionCount(){

if (sessionStorage.pagecount) {

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

} else {

sessionStorage.pagecount = 1;

}

$("#visitCountPerSession").html(sessionStorage.pagecount);

}

運行結果如下：

(原創文章，轉載請注明轉自Clement-Xu的csdn博客。)