js本地儲存 localStorage

2022-07-02 20:18:13 字數 987 閱讀 2853

一.簡介

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物件

obj=json.parse(localstorage.getitem("temp2"));

四.在谷歌瀏覽器檢視 localstorage:

**  秋末殘風

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...