websql使用实例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>websql应用</title>
 6     <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
 7 </head>
 8 <body>
 9 <input type="text" id="title" />
10 <textarea name="context" id="context" cols="20" rows="8"></textarea>
11 <input type="button" value="保存" onclick="save()" />
12 <input type="button" value="查看" onclick="chakan()" />
13 <ol id="chakan">
14 123
15 </ol>
16 </body>
17 <script>
18 var dbsize=2*1024*1024;
19 db=openDatabase("todo","","",dbsize);
20 db.transaction(function(tx){
21     tx.executeSql("CREATE TABLE IF NOT EXISTS notes (id integer PRIMARY KEY,title char(50),inputMemo text,last_date datetime)");
22 }
23 );
24 function save(){
25     var title=$("#title").val();
26     var inputMemo=$("#context").val();
27     db.transaction(function(tx){
28     tx.executeSql("INSERT INTO notes (title,inputMemo,last_date) values(?,?,datetime('now','localtime'))",[title,inputMemo]);
29     });
30 }
31 function chakan(){
32     $("ol").empty();
33     var note="";
34     db.transaction(function(tx){
35         tx.executeSql("SELECT id,title,inputMemo,last_date FROM notes",[],function(tx,result){
36             if(result.rows.length>0){
37                 for (var i = 0; i <result.rows.length; i++) {
38                     var item=result.rows.item(i);
39                     //console.log(item["inputMemo"]);
40                     note+="<li>"+"<h3>"+item["title"]+"</h3><p>"+item["inputMemo"]+"</p></li>";
41                 }
42                 $("#chakan").append(note);
43             }}
44         );
45     });
46 }
47 </script>
48 </html>

转载于:https://www.cnblogs.com/zipon/p/5613223.html

websql使用实例相关推荐

前端开发基础知识汇总
一.HTML 1.前言与常用标签浏览器内核备注 IE Trident IE.猎豹安全.360极速浏览器.百度浏览器 firefox Gecko 可惜这几年已经没落了,打开速度慢.升级频繁.猪一样 ...
Spring Cloud微服务系统架构的一些简单介绍和使用
Spring Cloud 目录特征云原生应用程序 Spring Cloud上下文:应用程序上下文服务引导应用程序上下文应用程序上下文层次结构改变Bootstrap的位置Properties ...
数字天堂HBuilder+MUI（一）websql数据库操作
随着HTML5的越来越火,进行移动应用开发的前端框架也随着火了一把,刚好最近在使用HBuilder+MUI框架进行开发,正好抽空写一些相关的功能操作,很多东西也是慢慢摸索的过程,有写的不好的地方欢迎指 ...
浏览器数据库 indexDB、webSQL
webSQL关系型数据库存在兼容性问题,ie和火狐均不支持. indexDB非关系型数据库: 主要特点键值对储存IndexedDB 内部采用对象仓库(object store)存放数据.所有类型的 ...
webSql简单探究
什么是webSql Web Sql Database,中文翻译作"本地数据库",是随着HTML5规范加入的在浏览器端运行的轻量级数据库在HTML5中,大大丰富了客户端本地可以存储 ...
ECS（Linux）连接RDS，使用命令行方式连接实例
使用命令行方式连接实例通过命令行连接RDS MySQL数据库,连接方式如下: mysql -h<连接地址> -P<端口> -u<用户名> -p -D<数据库 ...
Alibaba Cloud Linux 2.1903 LTS 64位服务器yum源下载404,Alibaba Cloud Linux 2实例中使用docker-ce、epel等YUM源安装软件失败
[Alibaba Cloud Linux 2.1903 LTS 64位]服务器yum源下载404 failure: repodata/repomd.xml from docker-ce-stable: ...
List元素互换，List元素转换下标，Java Collections.swap()方法实例解析
Java Collections.swap()方法解析 jdk源码: public static void swap(List<?> list, int i, int j) {// ins ...
Python 类—类属性（私有属性、公有属性、实例属性、局部变量）类方法（实例方法、静态方法）
1. 创建类类是对某个对象的定义,它包含有关对象动作方式的信息,包括它的名称.方法.属性和事件.类不存在于内存中,因此它本身并不是对象.当程序运行需要引用类的代码时,就会在内存中创建一个类的新实例, ...

websql使用实例

websql使用实例相关推荐

最新文章

热门文章