h5 缓存工具类
// 应用全局对象
var MyApp = new CMyApp();function CMyApp(){
this.Storage = new CAppStorage();
}
// 本地存储
function CAppStorage() {
//保存对象到本地存储
this.setObject = function(key, obj) {
var str = null;
if (obj != null && obj != undefined) {
str = JSON.stringify(obj);
}
localStorage.setItem(key, str);
}
//保存对象到session
this.setObjectSession = function(key, obj) {
var str = null;
if (obj != null && obj != undefined) {
str = JSON.stringify(obj);
}
sessionStorage.setItem(key, str);
}
//清空session
this.getObjectSessionclear = function() {
sessionStorage.clear();
}
//保存字符串到本地存储
this.setValuelocal = function(key, str) {
localStorage.setItem(key, str);
};
//获取本地存储的字符串,如果找不到返回''
this.getValuelocal = function(key) {
var str = localStorage.getItem(key);
if (str == undefined || str == null) str = '';
return str;
};
//保存字符串到session
this.setValueSession = function(key, str) {
sessionStorage.setItem(key, str);
};
//获取session的字符串,如果找不到返回
this.getValueSession = function(key) {
var str = sessionStorage.getItem(key);
if (str == undefined || str == null) str = '';
return str;
};
//bool工具
this.getBool = function(key) {
var str = this.getValue(key).toLowerCase();
if (str == '1' || str == 'true' || str == 't' || str == 'yes') return true;
return false;
}
//获取本地存储的对象
this.getObject = function(key) {
var str = localStorage.getItem(key);
if (str == undefined || str == null || str.length == 0) return null;
try {
var obj = eval('(' + str + ')');
return obj;
} catch (e) {
return null;
}
};
//获取session存储的对象
this.getObjectSession = function(key) {
var str = sessionStorage.getItem(key);
if (str == undefined || str == null || str.length == 0) return null;
try {
var obj = eval('(' + str + ')');
return obj;
} catch (e) {
return null;
}
};
//移除指定的本地存储
this.remove = function(key) {
localStorage.removeItem(key);
};
//清空本地存储
this.clear = function() {
localStorage.clear();
};
this.getDefaultLoginUsr = function() {
return this.getValue('DefaultUsrCode');
};
this.getDefaultLoginPassword = function() {
return this.getValue('DefaultPassword');
};
};
1。html登录列子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.min.js"></script>
<script src="storage.com.js"></script>
<script src="login.js"></script>
</head>
<body>
<input type="text" id="name"/>
<input type="text" id="pass"/>
<button οnclick="login()">登录</button>
</body>
</html>
2 。js 如何使用
function login(){
var name = $("#name").val();
var pass = $("#pass").val();
MyApp.Storage.setValuelocal("name",name);
MyApp.Storage.setValuelocal("pass",pass);
MyApp.Storage.setValueSession("names",name);
MyApp.Storage.setValueSession("passs",pass);
window.location.href="ok.html"
}
3.html 成功界面
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.min.js"></script>
<script src="storage.com.js"></script>
<script src="ok.js"></script>
</head>
<body>
localStorage 本地缓存
<input type="text" id="name" />
<input type="text" id="pass" />
sessionStorage sessionh缓存
<input type="text" id="names" />
<input type="text" id="passs" />
</body>
</html>
4.js 取值
$(function(){
var name = MyApp.Storage.getValuelocal('name');
var pass =MyApp.Storage.getValuelocal('pass');
var names = MyApp.Storage.getValueSession('names');
var passs =MyApp.Storage.getValueSession('passs');
$("#name").attr("value",name);
$("#names").attr("value",names);
$("#pass").attr("value",pass);
$("#passs").attr("value",passs);
});
列子下载地址http://download.csdn.net/detail/qq_21170031/9542395