一.簡介
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");
注意:存入的資料只能以字串形式存入。三.提供轉josn資料方法:
//json物件轉json字串
var obj = ;obj = json.stringify(obj); //轉化為json字串
localstorage.setitem("temp2", obj);
//json字串轉json物件四.在谷歌瀏覽器檢視 localstorage: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...