05-HTML5强大的新 API,05-Web SQL

HTML5引入了Web SQL,一个内置的本地数据库,允许通过SQL语言直接访问。本文介绍了如何创建数据库对象、执行事务处理以及利用Web SQL实现Web留言本功能。详细讲解了如何使用executeSql方法进行数据操作,包括插入、查询和更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML5 API:

1、文件 API (规范与本地文件进行交互的标准方法)

2、拖放 API (提供了直接支持拖放操作的API)

3、地理定位 (获取地理位置信息)

4、web 存储 (在本地存储用户的浏览数据)	

5、Web SQL	(在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)

6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问。)

7、Web Sockets (在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。)

8、SSE	(网页自动获取来自服务器的更新)

9、Web Workers (web worker 是运行在后台的 JavaScript,不会影响页面的性能)

......

5、Web SQL

本地数据库 :
基本概念:在html5中,大大丰富了客户端本地可以存储的内容,添加了很多功能来将原本必须要保存在服务器上的数据转为保存在客户端本地,从而大大提高了web应用程序的性能,减轻了服务器端的负担,使Web时代重新回到了“客户端为重、服务器端为轻”的时代。
在这其中一项非常重要的功能就是数据库的本地存储功能。在html5中内置了一个可以通过SQL语言来访问的数据库。在html4中数据库只能放在服务器端,只能通过服务器来访问数据库,但是在html5中,可以就像访问本地文件那样轻松地对内置数据库进行直接访问了。
现在想这种不需要存储在服务器上的,被称为(SQLLite)的文件型SQL数据库已经得到了很广泛的利用,所以html5中也采用了这种数据库来作为本地数据库。因此如果先掌握了SQLLite数据库的基本知识的话,接着学如何使用html5的数据库就不难了。
那么要是用SQLLite数据可,应该怎样编写javascript脚本呢?总的来说有两个必要的步骤:
1、创建访问数据库的对象。
2、使用事务处理。
首先必须使用openDatabase方法来创建一个访问数据库的对象。该方法的使用方法如下:
var db = openDatabase( ‘mydb’, ‘1.0’, ‘TEst DB’, 210241024 );
第一个参数为数据库名
第二个参数为版本号
第三个参数为数据库的描述
第四个参数为数据库的大小

该方法返回出案件后的数据库访问对象,如果该数据库不存在,则创建该数据库。
实际访问数据库的时候,还需要调用transaction方法,用来执行事务处理。使用事务处理,可以防止在数据库进行访问及执行有关操作的时候手到外界的打扰。因为在

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值