HTML5 基础（003_Web SQL Database_1）

最新推荐文章于 2024-09-17 11:17:23 发布

柯南道尔2606

最新推荐文章于 2024-09-17 11:17:23 发布

阅读量631

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/Google2606/article/details/52471274

版权

本文介绍了HTML5中的Web SQL数据库API，虽然已被废弃，但仍然展示了如何在客户端存储结构化数据并进行高效检索。通过示例代码，演示了如何使用openDatabase()、transaction()和executeSql()方法。请注意，此API在Firefox中不受支持，推荐使用Indexed Database API作为替代。

摘要由CSDN通过智能技术生成

Web SQL 数据库：

Web SQL 数据库 API 并不是 HTML5 规范的一部分，它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
万维网联盟（W3C）已经不再对 Web SQL 数据库 API 这一规范进行维护，新的替代者为 Indexed Database API（稍后再讨论）。
客户端数据库的出现是为了能够在客户端存储可观数量的结构化数据，并且在这些数据上使用索引进行高性能检索的 API。这样做的好处是大大提高了 Web 应用程序的性能，减轻了服务器端的负担，使 Web 时代重新回到了“客户端为重，服务器为轻”的时代。

示例代码：本示例使用了Bootstrap库，当然，Bootstrap库是依赖于jQuery库的，于是顺便复习了jQuery库中选择器、parents()、children()等方法，纯属练手。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Web SQL Example</title>
<link href="css/bootstrap.css" rel="stylesheet">
</head>
<body>
    <div class="container">

        <!-- 文本行 -->
        <div class="row">
            <div class="col-md-12">
                <h1>
                    <