web基于瀏覽器的本地存儲方法應用_javascript技巧

在客戶端存儲數(shù)據(jù)時，我們一般都用cookie(不敏感數(shù)據(jù))，但是在客戶端越來越富的今天，cookie可存儲的量(每個域最大4k)實在是小。
在HTML5中有l(wèi)ocalStorage可使用，但是這就拋棄了IE8-。為了兼容，我們可以翻出IE很久以前就搞的一個存儲方法：
給一個元素添加一個特殊的樣式url(#default#userData)，之后就可以通過setAttribute和getAttribute來存取鍵值對形式的數(shù)據(jù)了。
要注意的一點就是在數(shù)據(jù)改變后要使用save方法，而數(shù)據(jù)加載初期要load。
接下來就貼上使用方法，當使用的瀏覽器支持HTML5時，就使用localStorage。
代碼如下:
var localStorage = (function(db) {
if (typeof db.clear == "function") {
return db;
}
var database = document.createElement("div")
database.id = "database";
database.style.behavior = "url(#default#userData)";
document.body.appendChild(database);
database.load("DataStore");
return {
setItem: function(key, val) {
database.setAttribute(key, val);
database.save("DataStore");
}
, getItem: function(key) {
return database.getAttribute(key);
}
, removeItem: function(key) {
database.removeAttribute(key);
database.save("DataStore");
}
};
} (localStorage || {}));

不過就算兼容了 還是會有問題存在，例如在IE上存儲的信息，通過Chrome打開時就獲取不到了。

聲明：本網(wǎng)頁內容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com