在开发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基础:弹出内容的设计