<script src="jquery-1.8.3.js"></script>
<script>
/* IE11不支持此操作
创建数据库
解释一下openDatabase方法打开一个已经存在的数据库，如果数据库不存在，它还可以创建数据库。几个参数意义分别是：
1，数据库名称。
2，版本号 目前为1.0,不管他，写死就OK。
3，对数据库的描述。
4，设置数据的大小。
5，回调函数(可省略)。
*/
var db=openDatabase("myDB","1.0","testDB",1024*1024,function(){});
//添加
function add()
{
    var username=$("#username").val();
    var pwd=$("#pwd").val();
    //transaction：这个方法允许我们根据情况控制事务提交或回滚。
    db.transaction(function(fx){
        //executeSql执行SQL语句创建表，并新建字段
        fx.executeSql("create table if not exists UserInfo(UserName TEXT,Pwd TEXT)",[]);
        fx.executeSql("insert into UserInfo values(?,?)",[username,pwd],function(){
            alert("添加成功")
            },function(){
            alert("添加失败");
                })
        })
    
}
//获取
function get()
{
    var username=$("#username").val();
    db.transaction(function(fx){
        //也可以用select * from UserInfo where UserName='"+username+"'
        fx.executeSql("select * from UserInfo where UserName=?",[username],function(fx,rs){
            if(rs)
            {
                for(var i=0;i<rs.rows.length;i++)
                {
                    var str="<p>用户名："+rs.rows.item(i).UserName+"&nbsp;&nbsp;密码："+rs.rows.item(i).Pwd+"</p>";
                    $("#content").append(str);
                }            
            }
            
            });
        })

}
//删除
function del()
{
    var username=$("#username").val();
    db.transaction(function(fx){
        fx.executeSql("delete from UserInfo where UserName=?",[username],function(fx,rs){
            alert("删除成功");
            get();
            });
        })

}

</script>
<body>
<input type="text" id="username">
<input type="text" id="pwd">
<input type="button" onClick="add()" value="添加">
<input type="button" onClick="get()" value="获取">
<input type="button" onClick="del()" value="删除">
<div id="content"></div>

html5-本地数据库的操作的更多相关文章

  1. HTML5本地数据库（SQLite）示例

    本文转载自http://blog.sina.com.cn/s/blog_641cf27f01016pm5.html 按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite ...

  2. HTML5本地数据库(WebSQL)[转]

    除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLite"这种文件型数据库,该数据库多集中在嵌 ...

  3. (转)HTML5 本地数据库（SQLite） 示例

      HTML5 本地数据库(SQLite) 示例 2012-05-07 16:21:13 标签:SQLite HTML5本地数据库 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作 ...

  4. html5本地数据库(一)

    本地数据库 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important ...

  5. 【HTML5】HTML5本地数据库（Web Sql Database）

    Web Sql数据库简介 Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范.它通过一套API来操纵客户端的数据库. Web SQL数据库的浏览器支持情况 Web SQL 数 ...

  6. Xamarin.Android 本地数据库 SQLiteDatabase 操作

    目的:使用 SQLiteDatabase 创建本地数据库.表,并对数据进行增删改查操作. 引用命名空间: using Android.App; using Android.Widget; using ...

  7. HTML5本地存储 localStorage操作使用详解

    1.html5几种存储形式 本地存储(localStorage && sessionStorage) 离线缓存(application cache) indexedDB 和 webSQ ...

  8. HTML5 本地数据库（SQLite） 示例

    http://supercharles888.blog.51cto.com/609344/856071 http://www.sqlite.org/download.html

  9. HTML5教程之html 5 本地数据库（Web Sql Database）

    HTML5的Web SQL Databases(html5 本地数据库)的确很诱惑人,当你发现可以用与mysql查询一样的查询语句来操作本地数据库时,你会发现这东西挺有趣的.今天,我们一起来了解HTM ...

  10. Html5 学习系列（六）Html5本地存储和本地数据库

    一个网站如何能在客户的浏览器存储更多的数据呢? 在Html4的时代在浏览器端存储点网站个性化的数据,尤其是用户浏览器的痕迹,用户的相关数据等一般只能存储在Cookie中,但是大多是浏览器对于Cooki ...

随机推荐

  1. Problem G: 零起点学算法102——删除字符

    #include<stdio.h> #include<string.h> int main() { ],a; while(gets(ch)!=NULL) { scanf(&qu ...

  2. PHP数组和数据结构（下）未完。。。。

    1.数组的遍历 (1)each(): 接受一个数组作为参数,返回数组中当前元素的键/值对,并向后移动数组指针到下一个元素的位置 键/值对被返回为带有四个元素的关联和索引混合的数组,键名分别为0,1,k ...

  3. [转]115个Java面试题和答案——终极列表（上）

    本文我们将要讨论Java面试中的各种不同类型的面试题,它们可以让雇主测试应聘者的Java和通用的面向对象编程的能力.下面的章节分为上下两篇,第一篇将要讨论面向对象编程和它的特点,关于Java和它的功能 ...

  4. jQuery：validate内置验证的使用

    (1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的 ...

  5. Boost::Lexical_cast 的使用

    .C++代码 #include <boost/lexical_cast.hpp> #include <iostream> int main() { using boost::l ...

  6. linux gcc升级备忘录

    1. 拉包 sudo wget http://mirrors.opencas.org/gnu/gcc/gcc-6.3.0/gcc-6.3.0.tar.bz2 #如果以上给出的镜像不可用,也可以是使用h ...

  7. word-wrap,word-break,white-space,text-overflow的区别和用法

    在div中,文本布局经常出现,换行混乱的情况. 问题表现:1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行.            2.中英文混写,则在英文字符串的开始处换行(英文长 ...

  8. $stateProvider resovle 无法找到的原因

    $stateProvider 在写resolve的时候,也要写上controller,不能直接在页面上用ng-controller 来指定!!!! 不然的话,就是报依赖注入异常,找不到该provide ...

  9. python wheel 包命名规则和 abi 兼容

    wheel 包的命名规定 wheel 包的命名格式为 {distribution}-{version}(-{build tag})?-{python tag}-{abi tag}-{platform ...

  10. promise对象解决回调地狱

    先放一张图片感受一下回调地狱 看起来是真的很让人头痛的东西 而现在我这里使用promise对象来解决回调地狱 采用链式的 then,可以指定一组按照次序调用的回调函数. 这时,前一个 then 里的一 ...