localstorage會可以將第一次請求的資料直接儲存到本地,這個相當於乙個5m大小的針對於前端頁面的資料庫 ——注意:在ie8以上的ie版本才支援localstorage這個屬性。localstorage屬於永久性儲存,如果儲存內容多的話會消耗記憶體空間,會導致頁面變卡。
1.localstorage - 沒有時間限制的資料儲存
var arr=[1,2,3];
localstorage.setitem(「temp」,arr); //存入 引數: 1.呼叫的值 2.所要存入的資料
console.log(localstorage.getitem(「temp」));//輸出
2.清空localstorage
localstorage.clear(); //
3.刪除鍵值對
localstorage.removeitem(「arr」);
注意:存入的資料只能以字串形式存入。
//json物件轉json字串
var obj =
;obj =
json
.stringify
(obj)
;//轉化為json字串
localstorage.
setitem
("temp2"
, obj)
;//json字串轉json物件
obj=
json
.parse
(localstorage.
getitem
("temp2"))
;
cookie與本地儲存localStorage
cookie預設是臨時儲存的,當瀏覽器關閉時,自動銷毀。如果想長時間存放乙個cookie,同時需要設定乙個過期時間。localstorage.keyname value localstorage keyname value 注 localstorage是長期資料儲存,sessionstorage臨時...
jquery 的本地儲存 localStorage
前面寫了jquery 本地儲存 cookie 的基本用法 jquery cookie示例 只提示一次的彈框 兩篇介紹cookie用法的篇章之後,下面來看看 localstorage 這個本地儲存的方式。2 localstorage 儲存在本地,容量為5m或者更大,不會在請求時候攜帶傳遞,在所有同源視...
JS 本地儲存
隨著網際網路的快速發展,基於網頁的應用越來越普遍,同時也變的越來越複雜,為了滿足各種各樣的需求,會經常性在本地儲存大量的資料,html5規範提出了相關解決方案。1 資料儲存在使用者瀏覽器中 2 設定 讀取方便 甚至頁面重新整理不丟失資料 3 容量較大,sessionstorage約5m locals...