JS本地儲存 localStorage

2021-10-07 02:12:49 字數 802 閱讀 6937

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