本地儲存(localStorage)

2021-10-04 10:40:21 字數 3202 閱讀 6832

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

3.本地儲存localstorage特點:

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

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

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

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

4.localstorage的訪問刪

window.localstorage.name =

'liang'

;window.localstorage[

'age']=

100;

window.localstorage.

setitem

('***'

,'女');

//最優的

;//所有物件的值都是一樣的 [object object]

console.

log(obj)

;//輸出物件的結構。

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

;//// 如何獲取陣列和物件的值

console.

log(localstorage.

getitem

('data'))

;// 儲存的是陣列,取出來的是字串

// 儲存的是物件,取出來的是字串

// 如何解決上面的問題。

console.

log(localstorage.

getitem

('data').

split

(','))

;console.

log(localstorage.

getitem

('objstring'))

;//console.

log(

json

.parse

(localstorage.

getitem

('objstring'))

);console.

log(

json

.parse

(localstorage.

getitem

('name'))

);//null 訪問的資料不存在

);

②手動通過本地控制面板刪除

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