h5会用到的localStorage,sessionstorage和web sql db

时间:2019-11-16 作者:WilliamChan

玩一玩localStorage,sessionstorage和web sql db。

不多说,直接复制代码过来,拿起即用。

//sessionStorage 示例 (保存一个会话周期:从打开浏览器——到关闭浏览器窗口)
function saveStorage(id){
var target=document.getElementById(id);
var str=target.value;
sessionStorage.setItem("message",str);
//或者sessionStorage.message=str;
}
function loadStorage(id){
var target=document.getElementById(id);
var msg=sessionStorage.getItem("message");
//或者var msg=sessionStorage.message;
target.innerHTML=msg;
}
//localStorage 示例(可永久保存)
function saveStorage(id){
var target=document.getElementById(id);
var str=target.value;
localStorage.setItem("message",str);
//或者localStorage.message=str;
}
function loadStorage(id){
var target=document.getElementById("msg");
var msg=localStorage.getItem("message");
//或者var msg=localStorage.message;
target.innerHTML=msg;
}
var DbHelper = {
Db : null,
InitDb: function (name, size) {
var dbName = name ? name : 'DbMVCWebTM';
var dbSize = size ? size : 8;
Db = openDatabase(dbName, '1.0', 'DbMVCWebTM', dbSize * 1024 * 1024);
return Db;
},
Update: function (sql, db) {
if (!db) { db = this.Db;}
if (db && sql) {
db.transaction(function (tx) { tx.executeSql(sql); });
}
},
Query: function (sql, func, db) {
if (!db) { db = this.Db; }
if (db && sql) {
db.transaction(function (tx) {
tx.executeSql(sql, [], function (tx, results) {
func(results);
}, null);
});
}
}
};
DbHelper.InitDb();

 

声明:若您对本文内容有任何意见,欢迎发送邮件至:admin@zhidaobu.com,本站会尽快回应并做出相应处理。