? ?在開發app時,會經常用到HTML5 LocalStorage 本地存儲相關的資料。例如記住用戶名,原來是使用cookie,現在基本都改成了LocalStorage 。
?使用LocalStorage 其實很簡單,localStorage.setItem(key, value );設置值,localStorage.getItem(key)讀取值。
? 可以使用的代碼:
~~~
LocalMobelInfo = function () {
};
LocalMobelInfo.prototype.putStringData = function (key, value) {
localStorage.setItem(key, value + "");
};
LocalMobelInfo.prototype.putBooleanData = function (key, value) {
localStorage.setItem(key, value + "");
};
LocalMobelInfo.prototype.putIntData = function (key, value) {
localStorage.setItem(key, value + "");
};
LocalMobelInfo.prototype.updateUser = function (name) {
localStorage.setItem("USERNAME", name + "");
}
LocalMobelInfo.prototype.getBooleanData = function (key) {
return "true" == localStorage.getItem(key) ? true : false;
};
LocalMobelInfo.prototype.getStringData = function (key) {
return localStorage.getItem(key);
};
LocalMobelInfo.prototype.getIntData = function (key) {
if (!isNullOrUndefined(localStorage.getItem(key))) {
return parseInt(localStorage.getItem(key));
} else {
return 0;
}
};
LocalMobelInfo.prototype.getUserName = function () {
return localStorage.getItem("USERNAME");
}
~~~
[參考資料](http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html)
- 前言
- 使用jqMobi開發app基礎
- jqMobi開發app頁面注意事項
- 使用jqMobi開發app基礎:定義header
- 使用jqMobi開發app基礎:定義footer
- 使用jqMobi開發app基礎:通過panel添加內容
- 使用jqMobi開發app基礎:panel屬性data-defer介紹
- 使用jqMobi開發app基礎:Side Menu
- 使用jqMobi開發app基礎:Styled Lists布局
- 使用jqMobi開發app基礎:Grid布局
- 使用jqMobi開發app基礎:響應式布局介紹
- 使用jqMobi開發app基礎:Toggle Switches開關按鈕
- 使用jqMobi開發app基礎:HTML5 LocalStorage 本地存儲
- 使用jqMobi開發app基礎:登錄頁面的實現
- 使用jqMobi開發app基礎:注銷頁面的實現
- 使用jqMobi開發app基礎:viewport指令
- 使用jqMobi開發app基礎:a標簽的使用
- 使用jqMobi開發app基礎:Scrolling的使用,向上向下拖動,動態添加數據
- 使用jqMobi開發app基礎:頁面傳值方式
- 使用jqMobi開發app基礎:panel之間的跳轉方式
- 使用jqMobi開發app基礎:panel之間的跳轉方式總結
- 使用jqMobi開發app基礎:下拉select
- 使用jqMobi開發app基礎:真的只能存在一個DOM嗎?
- 使用jqMobi開發app基礎:使用 jQuery
- 使用jqMobi開發app基礎:Scrolling的使用,拖動后大量空白的解決方法
- 使用jqMobi開發app基礎:Scrolling的使用,停止和繼續拖動有關的問題
- 使用jqMobi開發app基礎:Badge的使用
- 使用jqMobi開發app基礎:如何撥打電話?
- 使用jqMobi開發app基礎:彈出內容的設計