這篇文章主要介紹了如何使用HTML5 Web存儲的localStorage和sessionStorage方式進行Web頁面數(shù)據(jù)本地存儲，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站-成都網(wǎng)站建設(shè)公司，專注網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、網(wǎng)站營銷推廣，申請域名，虛擬主機，網(wǎng)站托管維護有關(guān)企業(yè)網(wǎng)站制作方案、改版、費用等問題，請聯(lián)系創(chuàng)新互聯(lián)建站。

使用HTML5 Web存儲的localStorage和sessionStorage方式進行Web頁面數(shù)據(jù)本地存儲。

頁面參考如下圖，能將頁面上的數(shù)據(jù)進行本地存儲。并能讀取存儲的數(shù)據(jù)顯示在頁面上。

localStorage（本地存儲）,可以長期存儲數(shù)據(jù)，沒有時間限制，一天，一年，兩年甚至更長，數(shù)據(jù)都可以使用。

sessionStorage（會話存儲），只有在瀏覽器被關(guān)閉之前使用，創(chuàng)建另一個頁面時同意可以使用，關(guān)閉瀏覽器之后數(shù)據(jù)就會消失。

某個博主的測試localStorage兼容情況，如下：
Chrome4+ 開始支持localStorage

Firefox3.5+開始支持localStorage
Firefox1.5+支持globalStorage

IE8+支持localStorage
IE7兼容模式支持localStorage
IE5.5+支持userdata

Safari 4+ 支持localStorage
Opera10.5+支持localStorage

代碼如下:

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何使用HTML5 Web存儲的localStorage和sessionStorage方式進行Web頁面數(shù)據(jù)本地存儲”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!