HTML5本地数据库SQLLite

1.创建数据库对象
var db=openDatabase(“数据库名字” , “版本号”，“数据库描述”，"数据库大小”)
2.执行事务处理 调用transaction();(使用事务处理，防止在对数据库进行访问操作的过程中收到外界的干扰)
db.transaction(function(tx){
tx.executeSql(执行sql语句，[sql语句需要的参数], dataHandle执行sql语句成功回调函数，errorHandle出错执行的回调函数)
})
function dataHandle(transaction,result){
}

在这里插入代码片
<div class="t">
    <ul>
        <li><span>姓名：</span><input type="text" id="name"placeholder="请输入姓名"/>
        </li>
        <li><span>留言：</span><input type="text"  id="liu"placeholder="留言"/>
        </li>
        <li><input type="button" value="保存" onclick="bd()"/>
        </li>
    </ul>
</div>
<div class="xs">
</div>
<script>
    var db=openDatabase('sjk','','本地数据库',2*1024*1024);//创建数据库
    db.transaction(function(tx){
        tx.executeSql('create table if not exists msgdata(name text,msg text)');//创建表
        });
    function bd(){
            var n=document.getElementById("name").value;
            var l=document.getElementById("liu").value;
            db.transaction(function(tx){
                tx.executeSql('insert into msgdata values(?,?)',[n,l],dataHandle,errorHandle);//增加信息
                function dataHandle(transaction,result){
                     console.log(result);
                 
                }
                function errorHandle(transaction,err){
                    console.log(err)
                }
              })
         db.transaction(function(tx){
             var xianshi=document.getElementsByClassName("xs")[0];
             tx.executeSql('select * from msgdata',[],dataHandle,errorHandle);//查询信息
             function dataHandle(transaction,resul){
                 var str="";
                for(var i=0;i<resul.rows.length;i++)
                {
                    str+="姓名："+resul.rows[i].name+"---------留言:"+resul.rows[i].msg+'<br>';
                }
                 xianshi.innerHTML=str;
             }
             function errorHandle(transaction,err){
                 console.log(err)
             }
         })

    }