在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本質是在讀寫檔案,資料多的話會...