HTML5 基础（003_Indexed Database_2）

最新推荐文章于 2024-05-09 17:26:51 发布

柯南道尔2606

最新推荐文章于 2024-05-09 17:26:51 发布

阅读量784

点赞数

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

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

版权

本文介绍了HTML5的Indexed Database（IndexedDB），一种非关系型的客户端数据存储规范。IndexedDB提供了类似NoSQL的数据操作方式，不依赖SQL。在Chromium浏览器上运行示例代码成功，但在Firefox 48.0版本中遇到'InvalidStateError'错误，可能由于特定版本的限制。在更新的Firefox版本上，示例代码表现正常。欲了解更多详情，可参考IBM开发者网站和W3C官方文档。

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

Indexed Database：

简称为 IndexedDB，是 Web 客户端存储结构化数据的规范之一，在 2009 年由 Oracle 提出。如果说 Web SQL Databae 在客户端实现了传统的 SQL 数据库操作，那么 Indexed Database 更类似于 NoSQL 的形式来操作数据库，其中最重要的是 Indexed Database 不使用 SQL 作为查询语言。其数据存储可以不需要固定的表格模式，也经常会避免使用 SQL 的 JOIN 操作，并且一般具有水平可扩展性。详细的 Indexed Database 规范可以参考官方网站。

示例代码（IndexedDB 的使用）：

<!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>Indexed Database Example</title>
<link href="css/bootstrap.css" rel="stylesheet">
</head>
<body>
    <div class="container">

        <!-- 文本行 -->
        <div class="row">
            <div class="col-md-12">
                <h1>
                    <p class="text-center">Hello world!</p>
                </h1>
            </div>
        </