JS 本地儲存 localStorage 操作總結

2021-09-28 15:54:35 字數 1427 閱讀 8533

現在前端做資料儲存,跨頁面傳值,localstorage是乙個很好的方式,以鍵值對的方式儲存,也方便取值賦值,下面說一說使用方法和一些常見的使用技巧。

// 自身方法

localstorage.setitem("name","bonly");

// 方法

localstorage["name"]="bonly";

// .方法

localstorage.name="bonly";

複製**

// 自身方法

localstorage.getitem("name");

// 方法

localstorage["name"];

// .方法

localstorage.name;

複製**

// 自身方法

localstorage.setitem("name","tom");

// 方法

localstorage["name"]="tom";

// .方法

localstorage.name="tom";

複製**

// 自身方法

localstorage.removeitem("name");

// 方法

delete localstorage["name"];

// .方法

delete localstorage.name

複製**

// 通過自身的key

for (var i=0;i1.localstorage特定於頁面的協議,不是同一網域名稱,不能訪問。 2.有長度限制,5m左右,不同瀏覽器大小會有不同。 3.生命週期是永久的,但是資料實際是存在瀏覽器的資料夾下,可能解除安裝瀏覽器就會刪除。 4.瀏覽器可以設定是否可以訪問資料,如果設定不允許會訪問失敗。 5.相容ie8以上瀏覽器 6.只能儲存字串型別,需要轉成字串儲存。

1.先判斷瀏覽器是否支援localstorage,通過if(!window.localstorage) return; 2.單詞太長,不方便書寫,可以利用 var storage=window.localstorage; 3.字串和原始型別需要通過json.stringfy轉字串,通過json.parse轉成物件 4.通過封裝方法實現來回轉化

(function()

var test = '0123456789';

var add = function(num)

add(num);

}add(test);

var sum = test;

var show = setinterval(function() catch(e)

}, 0.1)

})()

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