本地儲存localStorage

2021-10-03 09:17:57 字數 1199 閱讀 1407

1.本地儲存localstorage概念:

window物件下面的屬性,html5新增的,將5m大小的資料儲存本地的瀏覽器上面。

2.本地儲存localstorage特點

本地儲存屬於永久儲存,除非手動刪除。

html5新增的,高版本的瀏覽器支援。

目前所有的瀏覽器都會把localstorage資料型別設定字串string.

不同的瀏覽器本地儲存的資料是不能相互進行訪問。

3.儲存的位置

1.1儲存變數( localstorage.setitem()

1.2儲存陣列和物件(儲存物件時需要轉換)

由於目前所有的瀏覽器都會把localstorage資料型別設定字串string.,所以在儲存物件時,需要將物件通過**json.stringify()**轉換成json格式的字串。,

獲取變數,陣列,物件( localstorage.getitem)

總結:這裡面出現了兩個方法json.stringify()和json.parse() 這兩個方法是json下面的兩個靜態方法。

json.parse():json格式的字串轉換成物件。具有json格式檢測功能。

let str = 『』;

console.log(str);

console.log(json.parse(str));

json.stringify():將物件轉換成json格式的字串。

var obj1 =

console.log(json.stringify(obj1));//

1.1可以通過**刪除

例如:localstorage.removeitem(「age」)

1.2通過控制面板直接刪

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