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

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

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

下面是使用這兩個對象的樣例：

在client存儲數據

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

• 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博客。)

總結

以上是生活随笔為你收集整理的html5本地缓存如何提交,HTML5: 本地缓存的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。