儲存物件localStorage

2021-10-23 02:10:01 字數 1061 閱讀 9273

在html5中,新加入了乙個localstorage特性,這個特性主要是用來作為本地儲存來使用的,有什麼優勢和侷限呢?

localstorage 的優勢

1、localstorage 拓展了 cookie 的 4k 限制。

2、localstorage 會可以將第一次請求的資料直接儲存到本地,這個相當於乙個 5m 大小的針對於前端頁面的資料庫,相比於 cookie 可以節約頻寬,但是這個卻是只有在高版本的瀏覽器中才支援的。

localstorage 的侷限

1、瀏覽器的大小不統一,並且在 ie8 以上的 ie 版本才支援 localstorage 這個屬性。

2、目前所有的瀏覽器中都會把localstorage的值型別限定為string型別,這個在對我們日常比較常見的json物件型別需要一些轉換。

3、localstorage在瀏覽器的隱私模式下面是不可讀取的。

4、localstorage本質上是對字串的讀取,如果儲存內容多的話會消耗記憶體空間,會導致頁面變卡。

5、localstorage不能被爬蟲抓取到。

localstorage 與 sessionstorage 的唯一一點區別就是 localstorage 屬於永久性儲存,而 sessionstorage 屬於當會話結束的時候,sessionstorage 中的鍵值對會被清空。

語法:

window.localstorage
儲存語法

localstorage.

setitem

("key"

,"value"

);

讀取語法

var name = localstorage.

getitem

("key"

);

刪除語法

localstorage.

removeitem

("key"

);

060JS 本地儲存localStorage

doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title head 生命週期永久生效,除非手動刪除否則關閉頁面也...

html5本地儲存Localstorage屬性

html5中,新加入了乙個localstorage特性,這個特性主要是用來作為本地儲存來使用的。並且在ie8以上的ie版本才支援localstorage這個屬性。儲存 localstorage.setitem key value 檢索 var check localstorage.getitem k...

HTML5本地儲存Localstorage的應用

localstorage可以說是對cookie的優化,使用它可以方便在客戶端儲存資料,並且不會隨著http傳輸,但也不是沒有問題 localstorage大小限制在500萬字元左右,各個瀏覽器不一致 localstorage在隱私模式下不可讀取 localstorage本質是在讀寫檔案,資料多的話會...