HTML實現(xiàn)本地存儲的方法

發(fā)布時間：2020-06-28 10:36:59 來源：億速云閱讀：215 作者：Leah 欄目：web開發(fā)

這篇文章將為大家詳細講解有關(guān)HTML實現(xiàn)本地存儲的方法，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

HTML 本地存儲：優(yōu)于 cookies。

什么是 HTML 本地存儲？

通過本地存儲（Local Storage），web 應(yīng)用程序能夠在用戶瀏覽器中對數(shù)據(jù)進行本地的存儲。

在 HTML5 之前，應(yīng)用程序數(shù)據(jù)只能存儲在 cookie 中，包括每個服務(wù)器請求。本地存儲則更安全，并且可在不影響網(wǎng)站性能的前提下將大量數(shù)據(jù)存儲于本地。

與 cookie 不同，存儲限制要大得多（至少5MB），并且信息不會被傳輸?shù)椒?wù)器。

本地存儲經(jīng)由起源地（origin）（經(jīng)由域和協(xié)議）。所有頁面，從起源地，能夠存儲和訪問相同的數(shù)據(jù)。

瀏覽器支持

表格中的數(shù)組指示了完全支持本地存儲的首個瀏覽器版本。

HTML實現(xiàn)本地存儲的方法

HTML 本地存儲對象

HTML 本地存儲提供了兩個在客戶端存儲數(shù)據(jù)的對象：

window.localStorage - 存儲沒有截止日期的數(shù)據(jù)

window.sessionStorage - 針對一個 session 來存儲數(shù)據(jù)（當(dāng)關(guān)閉瀏覽器標(biāo)簽頁時數(shù)據(jù)會丟失）

在使用本地存儲時，請檢測 localStorage 和 sessionStorage 的瀏覽器支持：

if (typeof(Storage) !== "undefined") {
    // 針對 localStorage/sessionStorage 的代碼
} else {
    // 抱歉！不支持 Web Storage ..
}

關(guān)于HTML實現(xiàn)本地存儲的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

猜你喜歡