📜  HTML DOM indexedDB 属性(1)

📅  最后修改于: 2023-12-03 14:41:45.808000             🧑  作者: Mango

HTML DOM indexedDB 属性

简介

HTML DOM indexedDB 属性是一个指向浏览器内置数据库的属性。可以使用该属性在浏览器中存储大量数据,而不会影响网页性能。

indexedDB 属性是 HTML5 引入的浏览器内置数据库,并且可以访问浏览器中已存储的数据。它提供了一种适用于独立于 HTTP 协议之外的存储机制,可以存储结构化数据而无需再次请求服务器。

语法

以下是使用 indexedDB 属性的语法:

window.indexedDB;
返回值

返回一个指向浏览器内置数据库的 IDBFactory 对象。

代码示例

以下是使用 indexedDB 属性的代码示例:

// 打开或创建名为 myDB 的数据库
var db;
var request = window.indexedDB.open("myDB", 1);

request.onerror = function(event) {
  console.log("数据库打开出错");
};

request.onsuccess = function(event) {
  db = request.result;
  console.log("数据库打开成功");
};

request.onupgradeneeded = function(event) {
  var db = event.target.result;

  var objectStore = db.createObjectStore("user", { keyPath: "id" });
  objectStore.createIndex("name", "name", { unique: false });
  objectStore.createIndex("email", "email", { unique: true });

  console.log("数据库升级成功");
};
浏览器兼容性

indexedDB 属性在大多数主流浏览器中都得到了支持,但是在 Internet Explorer 和 Opera Mini 中不受支持。

总结

使用 indexedDB 属性可以轻松访问浏览器内置数据库,并在其中存储大量数据。但由于其在某些浏览器中并不受支持,因此在实际开发中需要注意浏览器兼容性。