html5学习之旅-html5的简易数据库开发（18）

实际上是模拟实现html5的数据库功能，用键值对的方式。

！！！！！！废话不多说 ，代码

index.html的代码

    
    
    
    

        
姓名：

        
email：

        
电话号码：

        
备注：

        

            

            

        
    
    
检索：    
    

！！！！js代码

function saveStorage(){
    var data = new Object();
    data.name = document.getElementById("name").value;
    data.email = document.getElementById("email").value;
    data.tel = document.getElementById("tel").value;
    data.memo = document.getElementById("memo").value;
    var str = JSON.stringify(data);
    localStorage.setItem(data.name,str);
    alert("data saved");}
function findStorage(id){
    var find = document.getElementById("find").value;
    var str = localStorage.getItem(find);
    var data = JSON.parse(str);
    var result = "name:"+data.name+"
";
        result += "email:"+data.email+"
";
        result += "tel:"+data.tel+"
";
        result += "memo:"+data.memo+"
";
    var target = document.getElementById(id);
    target.innerHTML = result;}

！！！！效果图

SERCMS游戏币交易系统

这套系统是之前为一个朋友开发的一套游戏币交易系统，开发语言asp+javascript 数据库是Access。现在提供免费下载给新人学习,请不要用于商业用处。大分类为：商品管理现金转虚拟币管理 虚拟币转现金管理 历史转换记录 ID搜索虚拟币管理用户管理前台用户管理 被停权的会员 后台管理员添加 后台用户员管理 数据表备份分类管理游戏名称管理 服务器名管理数据统计查询交易类型数据信息管理修改重要公告

下载

实际上是模拟实现html5的数据库功能，用键值对的方式。

！！！！！！废话不多说 ，代码

index.html的代码

    
    
    
    

        
姓名：

        
email：

        
电话号码：

        
备注：

        

            

            

        
    
    
检索：    
    

！！！！js代码

function saveStorage(){
    var data = new Object();
    data.name = document.getElementById("name").value;
    data.email = document.getElementById("email").value;
    data.tel = document.getElementById("tel").value;
    data.memo = document.getElementById("memo").value;
    var str = JSON.stringify(data);
    localStorage.setItem(data.name,str);
    alert("data saved");}
function findStorage(id){
    var find = document.getElementById("find").value;
    var str = localStorage.getItem(find);
    var data = JSON.parse(str);
    var result = "name:"+data.name+"
";
        result += "email:"+data.email+"
";
        result += "tel:"+data.tel+"
";
        result += "memo:"+data.memo+"
";
    var target = document.getElementById(id);
    target.innerHTML = result;}

！！！！效果图

 以上就是html5学习之旅-html5的简易数据库开发（18）的内容，更多相关内容请关注PHP中文网（www.php.cn）！