localStorage 本地儲存

2021-07-08 19:42:59 字數 1354 閱讀 7401

(1)localstorage和sessionstorage一樣都是用來儲存客戶端臨時資訊的物件。

(2)他們均只能儲存字串型別的物件(雖然規範中可以儲存其他原生型別的物件,但是目前為止沒有瀏覽器對其進行實現)。

(3)localstorage生命週期是永久,這意味著除非使用者顯示在瀏覽器提供的ui上清除localstorage資訊,否則這些資訊將永遠存在。

(4)sessionstorage生命週期為當前視窗或標籤頁,一旦視窗或標籤頁被永久關閉了,那麼所有通過sessionstorage儲存的資料也就被清空了。

(5)不同瀏覽器無法共享localstorage或sessionstorage中的資訊。相同瀏覽器的不同頁面間可以共享相同的localstorage(頁面屬於相同網域名稱和埠),但是不同頁面或標籤頁間無法共享sessionstorage的資訊。這裡需要注意的是,頁面及標籤頁僅指頂級視窗,如果乙個標籤頁包含多個iframe標籤且他們屬於同源頁面,那麼他們之間是可以共享sessionstorage的。

(1)監測瀏覽器是否支援localstorage

if(window.localstorage)

else

(2)儲存

localstorage.a = 3;//設定a為」3」

localstorage[「a」] = 「sfsf」;//設定a為」sfsf」,覆蓋上面的值

localstorage.setitem(「b」,」isaac」);//設定b為」isaac」

(3)取值

var a1 = localstorage[「a」];//獲取a的值

var a2 = localstorage.a;//獲取a的值

var b = localstorage.getitem(「b」);//獲取b的值

(4)清除單個儲存

localstorage.removeitem(「c」);//清除c的值

(5)清除所有

localstorage.clear();

localstorage只能儲存字串的資料,對於js中常用的陣列或物件卻不能直接儲存。

可以通過json物件提供的parse和stringify將其他資料型別轉化成字串,再儲存到storage中就可以了

var obj = ; 

var str = json.stringify(obj);

//存入

sessionstorage.obj = str;

//讀取

str = sessionstorage.obj;

//重新轉換為物件

obj = json.parse(str);

localstorage 本地儲存

define function try catch e encode encodeuricomponent,issupportlocalstorage function if support return support catch e stringify function v return enc...

本地儲存localStorage

1.本地儲存localstorage概念 window物件下面的屬性,html5新增的,將5m大小的資料儲存本地的瀏覽器上面。2.本地儲存localstorage特點 本地儲存屬於永久儲存,除非手動刪除。html5新增的,高版本的瀏覽器支援。目前所有的瀏覽器都會把localstorage資料型別設定...

本地儲存(localStorage)

1.概念 window物件下面的屬性,html5新增的,將5m大小的資料儲存本地的瀏覽器上面。3.本地儲存localstorage特點 本地儲存屬於永久儲存,除非手動刪除。html5新增的,高版本的瀏覽器支援。目前所有的瀏覽器都會把localstorage資料型別設定字串string.不同的瀏覽器本...