`
ch_kexin
  • 浏览: 902802 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

HTML5 JS API教程 本地数据库

 
阅读更多
有了本地数据库,我们可以进行更复杂的本地数据处理。本地数据库使用的是SQLite这款轻型数据库。
操作数据库简单的两个步骤:1.创建并打开数据库;2.执行sql语句
1:创建并打开数据库 javascript
var db = openDatabase(‘mydb’, ’1.0′, ‘Test DB’, 2 * 1024 * 1024);

上面的openDatabase我用了4个参数,依次为:

    数据库名称
    数据库版本号
    数据库说明
    数据库大小

未使用的第五个参数是:
    创建数据库回调函数(在数据库创建后会执行回调函数,回调函数是可选的。):

2:执行sql语句 javascript
var db = openDatabase(‘mydb’, ’1.0′, ‘my first database’, 2 * 1024 * 1024);
db.transaction(function (tx) { 
       //创建table foo 
       tx.executeSql(‘CREATE TABLE IF NOT EXISTS foo (id unique, text)’);
       //插入数据到foo 
       tx.executeSql(‘INSERT INTO foo (id, text) VALUES (1, “synergies”)’);
  });
插入数据时还可以传递动态值:
javascript
tx.executeSql(‘INSERT INTO foo (id, text) VALUES (?, ?)’, [id, userValue);


分享到:
评论

相关推荐

    html5使用本地sqlite数据库

    在提供的"demo"压缩包中,可能包含了一个示例项目,演示了如何在HTML5中使用SQLite数据库,以及如何在Android环境中通过JavaScript与原生代码进行交互。具体实现细节可能包括了HTML页面、JavaScript代码、Android...

    HTML5-本地数据库.rar

    为了操作HTML5的本地数据库,开发者通常需要编写JavaScript代码,使用API提供的方法创建、读取、更新和删除数据。例如,可以使用`openDatabase()`创建一个新的数据库,然后使用`transaction()`执行事务,`object...

    html5+js 读写sqlite增删改查

    本教程将详细介绍如何使用HTML5和JavaScript进行SQLite的增删改查操作,并在Android Studio环境中实现完美对接。 首先,HTML5引入了Web SQL Database API,虽然这个API已经被废弃,但SQLite作为其背后的数据库引擎...

    JS操作ACCESS数据库

    在标题"JS操作ACCESS数据库"中,所提及的是利用JavaScript来操作Microsoft Access数据库的技术。Access是一款关系型数据库管理系统,它提供了ODBC(开放数据库连接)接口,使得其他编程语言,包括JavaScript,可以...

    html5本地存储web sql数据库操作增删查找实例

    HTML5的本地存储是Web应用程序离线运行的关键技术之一,其中Web SQL数据库是早期实现本地存储的方式之一。本文将深入探讨HTML5中的Web SQL数据库,包括它的创建、表格操作以及数据的增删查改。 首先,Web SQL数据库...

    基于html5的localstorage的本地存储数据库.zip

    本项目中的“Local-database-master”可能包含了一个示例代码库,展示了如何构建一个简单的本地数据库系统。这可能包括了数据模型的设计、增删改查的操作实现,以及可能的错误处理机制。开发者可能使用JavaScript...

    java实现本地读取图片存储到数据库中并在html网页显示

    在本文中,我们将深入探讨如何使用Java实现在本地读取图片并将其存储到数据库中,之后再通过HTML页面显示这些图片。这个过程涉及到的主要技术包括Java编程、数据库操作(特别是MySQL)以及前后端交互。 首先,我们...

    HTML5API文档中文版

    HTML5 API文档中文版是为前端开发者提供的一份详尽的参考资源,旨在帮助开发者更好地理解和运用HTML5的新特性及API。这份文档以CHM(Compiled Help Manual)格式呈现,通常这种格式便于离线查阅,内容组织清晰,搜索...

    android与html5的交互——数据库操作,UI操作,以及html5的localStorage、定位功能

    开发者可以通过JavaScript API来执行CRUD(创建、读取、更新、删除)操作,实现数据的本地存储和检索。 2. **UI操作**: HTML5提供了丰富的标签和API,如Canvas、SVG、Flexbox等,用于构建复杂的用户界面。在...

    HTML5本地数据库基础操作详解

    HTML5本地数据库是一种在用户浏览器中存储数据的机制,它允许网页应用在离线状态下也能访问数据,极大地提升了用户体验。这种技术主要通过Web SQL Database API实现,虽然在最新的Web标准中已被Web Storage(包括...

    OpenSC2K基于HTML5CanvasAPI和SQLite使用JavaScript重构SimCity2000

    OpenSC2K项目就是这样一个例子,它通过JavaScript编程语言,结合HTML5 Canvas API和SQLite数据库技术,成功地将1991年的经典城市建造游戏SimCity 2000进行了现代化改造。 首先,JavaScript作为Web开发的基石,是...

    js+html5操作sqlite数据库的方法

    在JavaScript和HTML5的组合中,我们可以利用Web SQL API来操作SQLite数据库。SQLite是一个轻量级的、嵌入式的关系型数据库,适用于客户端存储数据。本文将深入探讨如何使用JavaScript封装HTML5操作SQLite数据库的类...

    百度地图JavaScriptAPI离线版.rar

    API的使用通常需要在HTML页面中引入百度地图的JavaScript库,并通过JavaScript代码进行操作。 离线版的实现原理通常是预先将地图的瓦片图片(通常为.png格式)下载到本地,然后在用户访问时,不再从服务器请求这些...

    HTML 5基础之HTML 5 API的威力

    - 使用JavaScript API实现键-值对存储或内嵌的SQL数据库,为Web应用提供持久化数据存储的能力。 #### 四、Geolocation API详解 ##### 4.1 Geolocation API概述 Geolocation API是HTML5 API中非常重要的组成部分之...

    jsp+js+oracle 实现文件上传数据库,下载到本地

    总结一下,"jsp+js+oracle 实现文件上传数据库,下载到本地"涉及到的关键技术包括: 1. JSP:处理服务器端的文件上传和下载请求。 2. JavaScript:在客户端进行文件选择的验证和预览。 3. Oracle数据库:存储上传的...

    html2canvas实现将dom生成图片并保存至本地

    1. 引入库:首先,你需要在HTML文件中引入html2canvas的JavaScript库,可以通过CDN链接或者本地文件引用。 ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/...

Global site tag (gtag.js) - Google Analytics