現在前端做資料儲存,跨頁面傳值,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...