(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.不同的瀏覽器本...