If you are not sure if the website you would like to visit is secure, you can verify it here. Enter the website address of the page and see parts of its content and the thumbnail images on this site. None (if any) dangerous scripts on the referenced page will be executed. Additionally, if the selected site contains subpages, you can verify it (review) in batches containing 5 pages.
favicon.ico: de.w3docs.com/learn-javascript/javascript-indexeddb - JavaScript IndexedDB | W3docs.

site address: de.w3docs.com/learn-javascript/javascript-indexeddb

site title: JavaScript IndexedDB W3docs

Our opinion (on Saturday 26 September 2026 19:53:31 UTC):

GREEN status (no comments) - no comments
After content analysis of this website we propose the following hashtags:



Meta tags:
description=JavaScript IndexedDB: Datenbank öffnen, onupgradeneeded behandeln, Object Stores und Indexes erstellen, Transaktionen ausführen sowie Datensätze hinzufügen…;

Headings (most frequently used words):

schritt, indexeddb, die, eine, transaktionen, datenbank, object, transaktion, javascript, wann, sollte, verwendet, werden, ereignisbasierte, asynchrone, api, einrichten, in, verwenden, inhalte, im, browser, anzeigen, best, practices, für, verwendung, von, fazit, übungen, öffnen, stores, erstellen, starten, auf, einen, store, zugreifen, operationen, durchführen, abschließen, daten, lesen, abfragen, mit, indexes, datensätze, aktualisieren, und, löschen,

Text of the page (most frequently used words):
und (77), sie (41), die (40), #indexeddb (36), const (30), javascript (29), store (28), api (26), ist (26), von (24), der (24), transaction (24), event (22), function (21), eine (20), console (19), dom (19), das (18), datenbank (18), books (17), einen (16), lernen (15), ein (15), mit (15), oder (15), für (14), request (14), object (14), auf (13), log (13), daten (12), error (12), über (11), transaktionen (11), können (11), onsuccess (11), transaktion (11), browser (10), verwenden (10), book (10), einer (10), target (10), web (9), indexes (9), wie (9), index (9), result (9), wird (9), erstellen (9), html (8), was (8), run (8), editable (8), title (8), onerror (8), database (8), schritt (8), stores (8), methoden (8), alle (7), string (7), löschen (7), operationen (7), den (7), schlüssel (7), onupgradeneeded (7), code (6), tools (6), als (6), dem (6), abrufen (6), aktualisieren (6), objectstore (6), wenn (6), cursor (6), open (6), the (6), öffnen (6), w3docs (5), json (5), übungen (5), css (5), werden (5), nur (5), eigenschaften (5), diese (5), nicht (5), auch (5), dies (5), successfully (5), datensatz (5), author (5), datensätze (5), get (5), eigenschaft (5), and (5), ereignis (5), objekt (5), events (5), formatter (5), color (5), generator (4), verwendet (4), localstorage (4), sessionstorage (4), sind (4), aus (4), speicher (4), storage (4), key (4), funktionen (4), fehlerbehandlung (4), gespeichert (4), readwrite (4), readonly (4), nach (4), getrequest (4), mehrere (4), step (4), keypath (4), close (4), sobald (4), zurück (4), müssen (4), objekte (4), shadow (4), fetch (4), async (4), einführung (4), encoder (3), editor (3), quizze (3), php (3), bücher (3), beispiele (3), sollte (3), this (3), page (3), animationen (3), suchen (3), strings (3), werte (3), indizierte (3), beim (3), value (3), lesen (3), kapitel (3), dass (3), asynchron (3), bei (3), beispiel (3), effective (3), opencursor (3), indexrequest (3), primärschlüssel (3), ermöglicht (3), suche (3), eines (3), einem (3), name (3), failed (3), hier (3), db_name (3), clean (3), new (3), addrequest (3), entweder (3), warten (3), ausführen (3), hinzufügen (3), operation (3), ergebnis (3), unique (3), true (3), geöffnet (3), ereignisse (3), promises (3), ohne (3), arrays (3), flag (3), document (3), data (3), promise (3), operatoren (3), entwickler (2), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), snippets (2), fazit (2), best (2), practices (2), verwendung (2), inhalte (2), anzeigen (2), einrichten (2), ereignisbasierte (2), asynchrone (2), wann (2), nosql (2), diesen (2), speichert (2), arbeiten (2), speicherkontingente (2), verschiedene (2), mechanismen (2), hinweg (2), verwaltet (2), kleine (2), mengen (2), webanwendungen (2), durch (2), implementierung (2), clientseitige (2), speichern (2), verbessert (2), beachten (2), sowohl (2), möglich (2), leistung (2), ihre (2), haben (2), ihrem (2), deleterequest (2), delete (2), deleted (2), updatedbook (2), david (2), herman (2), putrequest (2), put (2), ändern (2), abfrage (2), zum (2), abzurufen (2), indem (2), übergeben (2), getall (2), idbkeyrange (2), found (2), anderen (2), finden (2), greifen (2), abfragen (2), cursorrequest (2), iterieren (2), objectstorenames (2), contains (2), createobjectstore (2), deletedatabase (2), closed (2), add (2), complete (2), vollständigen (2), automatisch (2), erfolgreichen (2), jede (2), gibt (2), innerhalb (2), zugreifen (2), datenoperationen (2), durchzuführen (2), angegeben (2), modus (2), vollständig (2), mytestdatabase (2), for (2), searching (2), createindex (2), false (2), andere (2), generiert (2), wert (2), autoincrement (2), jedes (2), versions (2), upgrades (2), versionsnummer (2), aufruf (2), kann (2), auslösen (2), version (2), ausgelöst (2), requests (2), native (2), apis (2), alles (2), laden (2), netzwerkverbindung (2), offline (2), sich (2), benötigen (2), verarbeiten (2), sowie (2), iteration (2), workers (2), file (2), muster (2), quantoren (2), anker (2), flags (2), components (2), url (2), microtasks (2), formulare (2), benutzerdefinierte (2), styles (2), klassen (2), generatoren (2), advanced (2), await (2), chaining (2), erweitern (2), handling (2), class (2), prototypes (2), interaktive (2), elemente (2), property (2), arrow (2), syntax (2), variablen (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, gemacht, sprache, datenschutzrichtlinie, kontakt, uns, unternehmen, probier, üben, kostenlose, tutorials, seit, 2014, next, previous, yes, helpful, prüfen, wesentlichen, großes, speichersystem, relationale, hochperformante, ermöglichen, webstandard, übung, serialisierung, nützlich, verschieben, objekten, persistenz, leichtgewichtige, speicherung, einfachere, speicheranforderungen, besseres, verständnis, des, gesamtbilds, erhalten, verwandten, bietet, robuste, plattform, komplexes, datenmanagement, damit, unverzichtbares, werkzeug, moderne, webentwickler, ordnungsgemäße, seiner, effizient, anwendungsleistung, benutzererfahrung, derselben, warteschlange, stehen, seriell, ausgeführt, obwohl, blockierend, datenwettläufe, inkonsistenzen, verhindern, parallelität, implementieren, immer, transaktionsebene, hilft, diagnose, problemen, verhindert, partielle, aktualisierungen, datenbeschädigung, führen, könnten, halten, klein, hinsichtlich, anzahl, dauer, verringert, wahrscheinlichkeit, konflikten, umfang, minimieren, sicherzustellen, zuverlässig, leistungsfähig, bleibt, befolgen, richtlinien, nachdem, verarbeitet, möchten, möglicherweise, überprüfen, tatsächlich, meisten, modernen, zeigen, nachfolgend, entwicklertools, chrome, 2nd, updated, vorhandene, demselben, entfernen, schlüsselbereich, einschränken, deren, titel, zwischen, beginnt, bereich, bound, seinen, bereits, kennen, beispielsweise, buches, anhand, seines, rufen, dann, darauf, genau, continue, else, more, retrieved, retrieve, einzelnen, kurze, let, testdb, start, access, perform, operations, adding, added, oncomplete, completed, abgeschlossen, darin, ausgestellten, aufgelöst, wurden, erfolg, misserfolg, aktionen, abschluss, aller, auszuführen, abschließen, zugriff, zur, behandlung, erfolgs, fehlerereignissen, durchführen, beginnen, erstellt, welche, betrifft, welchen, hat, starten, eingerichtet, mithilfe, verwalten, mechanismus, einzigen, arbeitseinheit, zusammenfasst, erfolgreich, fehlschlägt, wesentlich, gewährleistung, datenkonsistenz, integrität, insbesondere, voneinander, abhängen, korrektes, erzielen, create, only, doesn, already, exist, duplicates, allowed, created, setup, done, doppelte, abzulehnen, getrennt, vom, out, line, sequenziellen, keiner, gespeicherten, objekts, gelesen, inline, legen, fest, datensatzes, definiert, tabelle, relationalen, datenbanken, ähnelt, während, höheren, überwachende, opened, löscht, dieser, dient, testzwecken, produktion, warnung, sehen, vorgang, schließen, wir, unerwünschte, nebeneffekte, beispielen, vermeiden, eigenen, überspringen, bedarf, einschließen, schemaänderung, erforderlich, siehe, fehlgeschlagen, wurde, bereit, idbdatabase, drei, zunächst, optionale, zweite, argument, ganzzahlige, existiert, angeforderte, höher, gespeicherte, einzige, ort, datenbankstruktur, dürfen, aufrufe, geben, sofort, eigentliche, kommt, später, ereignishandler, ihr, blockiert, niemals, festplatten, diesem, grund, synchron, direkt, ausstellen, anfrage, bis, moderner, kapselt, oft, aber, selbst, callback, basiert, nachfolgenden, ereignisgesteuert, wenige, persistieren, stattdessen, einfacheren, überblick, darüber, datensätzen, felder, anstatt, arbeitsspeicher, antworten, dokumente, mediendateien, caching, großer, funktionieren, first, apps, nahezu, jeden, datumsangaben, blobs, dateien, hunderte, megabytes, aufnehmen, weit, limit, hinaus, handelt, transaktionalen, richtige, wahl, dieses, behandelt, einstieg, crud, zyklus, einschließlich, cursors, leistungsstarke, robuster, lokale, speicherlösungen, webbrowsern, erhebliche, strukturierter, eignet, hervorragend, anwendungen, datenspeicherung, hohe, umfangreiche, abfragemöglichkeiten, behandeln, intl, vibration, notifications, audio, webrtc, geolocation, websockets, service, midi, validation, fullscreen, history, screen, orientation, push, webgl, battery, animations, regexp, sticky, position, katastrophales, backtracking, lookahead, lookbehind, alternation, rückwärtsreferenzen, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, anfang, ende, unicode, klasse, zeichenklassen, regex, regular, expressions, styling, slots, komposition, template, element, custom, elements, animation, cookies, cookie, storing, wiederaufnehmbarer, dateiupload, server, sent, xmlhttprequest, ursprungsübergreifende, anfragen, abbruch, download, fortschritt, formdata, network, canvas, references, loop, macrotasks, selection, range, resizeobserver, intersectionobserver, mutation, observer, various, ressourcen, onload, scripts, defer, domcontentloaded, load, beforeunload, unload, resource, loading, methode, submit, clipboard, change, input, cut, copy, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, grundlagen, standard, browseraktionen, delegation, bubbling, capturing, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, typ, tag, inhalt, getelement, queryselector, browserumgebung, spezifikationen, streams, filereader, blob, textdecoder, textencoder, arraybuffer, binäre, binary, files, fensterübergreifende, kommunikation, popups, window, frames, windows, polyfills, transpiler, bigint, currying, eval, proxy, reflect, miscellaneous, dynamische, imports, export, import, module, modules, iteratoren, generators, promisification, callbacks, fehler, try, catch, mixins, checking, instanceof, eingebaute, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, __proto__, prototypale, vererbung, inheritance, widgets, performance, optimierung, debugging, barrierefreiheit, kompatibilität, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, settimeout, setinterval, nfe, globales, alte, var, scope, rest, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, array, math, zahlen, primitiven, types, optional, konstruktor, operator, primitiv, konvertierung, symbol, typen, garbage, collection, objektmethoden, kopieren, basics, es6, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, datentypen, use, strict, kommentare, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,


Text of the page (random words):
r sent events wiederaufnehmbarer dateiupload storing data in the browser cookies document cookie localstorage sessionstorage indexeddb animation css animationen javascript animationen web components web components custom elements shadow dom template element shadow dom slots komposition shadow dom styling shadow dom und events regular expressions js regex muster und flags zeichenklassen unicode flag u und klasse p anker string anfang und ende mehrzeiliger modus der anker flag m wortgrenze b escaping sonderzeichen sets und ranges quantoren und n gierige und faule quantoren erfassungsgruppen rückwärtsreferenzen im muster n und k name javascript alternation or lookahead und lookbehind katastrophales backtracking sticky flag y suche an position methoden von regexp und string javascript apis web animations api file api battery api webgl push api screen orientation api history api console api fullscreen api validation api web storage api web midi api js web workers service workers websockets geolocation webrtc web audio api notifications api die vibration api js intl api javascript indexeddb javascript indexeddb datenbank öffnen onupgradeneeded behandeln object stores und indexes erstellen transaktionen ausführen sowie datensätze hinzufügen abrufen aktualisieren und löschen indexeddb ist eine leistungsstarke clientseitige speicher api die robuster ist als andere lokale speicherlösungen in webbrowsern sie ermöglicht es webanwendungen erhebliche mengen strukturierter daten asynchron zu speichern und zu verarbeiten indexeddb eignet sich hervorragend für anwendungen die offline datenspeicherung hohe leistung und umfangreiche abfragemöglichkeiten ohne netzwerkverbindung benötigen dieses kapitel behandelt alles was sie für den einstieg in indexeddb benötigen das öffnen einer datenbank und das verarbeiten von versions upgrades das erstellen von object stores und indexes das ausführen von transaktionen sowie den vollständigen crud zyklus hinzufügen abrufen aktualisieren löschen einschließlich der iteration mit cursors und der abfrage über indexes wann sollte indexeddb verwendet werden indexeddb speichert nahezu jeden javascript wert objekte arrays datumsangaben blobs und dateien nicht nur strings und kann hunderte von megabytes aufnehmen weit über das 5 mb limit von localstorage und sessionstorage hinaus es handelt sich um einen transaktionalen nosql key value speicher mit indexes der die richtige wahl ist für offline first apps die ohne netzwerkverbindung funktionieren müssen caching großer datensätze wie api antworten dokumente oder mediendateien abfragen von datensätzen über indizierte felder anstatt alles in den arbeitsspeicher zu laden wenn sie nur wenige kleine string werte persistieren müssen greifen sie stattdessen auf die einfacheren web storage apis zurück im kapitel über die storage api finden sie einen überblick darüber wie der browser speicherkontingente über diese mechanismen hinweg verwaltet die ereignisbasierte asynchrone api jede indexeddb operation ist asynchron und ereignisgesteuert aufrufe wie indexeddb open oder store get geben sofort ein request objekt zurück das eigentliche ergebnis kommt später über onsuccess onerror ereignishandler ihr code blockiert niemals beim warten auf festplatten i o aus diesem grund können sie ein ergebnis nicht synchron direkt nach dem ausstellen einer anfrage lesen sie müssen warten bis das ereignis ausgelöst wird moderner code kapselt diese requests oft in promises aber die native api selbst ist callback basiert was die nachfolgenden beispiele verwenden eine indexeddb datenbank einrichten schritt 1 eine datenbank öffnen um indexeddb zu verwenden öffnen sie zunächst eine datenbank mit indexeddb open name version das optionale zweite argument ist eine ganzzahlige versionsnummer wenn die datenbank nicht existiert oder die angeforderte version höher ist als die gespeicherte wird das ereignis onupgradeneeded ausgelöst dies ist der einzige ort an dem sie die datenbankstruktur ändern dürfen object stores und indexes erstellen oder löschen der aufruf gibt einen request zurück und kann drei ereignisse auslösen onsuccess die datenbank wurde geöffnet und ist bereit event target result ist die idbdatabase onerror das öffnen ist fehlgeschlagen onupgradeneeded eine schemaänderung ist erforderlich siehe schritt 2 hier sehen sie wie sie eine indexeddb datenbank erstellen oder öffnen können nach einem erfolgreichen vorgang schließen wir die datenbank um unerwünschte nebeneffekte in anderen beispielen zu vermeiden in ihrem eigenen code können sie diesen schritt überspringen oder bei bedarf einschließen warnung der aufruf von deletedatabase löscht alle daten dieser datenbank dies dient nur zu testzwecken und sollte nicht in der produktion verwendet werden javascript editable run const request indexeddb open mytestdatabase request onerror function event console error database error event target error request onsuccess function event console log database opened successfully close const db event target result db close console log database closed schritt 2 object stores erstellen sobald die datenbank geöffnet ist können sie einen object store erstellen der einer tabelle in relationalen datenbanken ähnelt beachten sie dass dies nur während eines versions upgrades möglich ist wenn die datenbank mit einer höheren versionsnummer geöffnet wird das zu überwachende ereignis ist onupgradeneeded beim erstellen eines stores legen sie fest wie der primärschlüssel jedes datensatzes definiert wird keypath id der schlüssel wird aus der id eigenschaft jedes gespeicherten objekts gelesen ein inline schlüssel keypath id autoincrement true der store generiert automatisch einen sequenziellen schlüssel wenn keiner angegeben wird autoincrement true schlüssel werden generiert und getrennt vom wert gespeichert ein out of line schlüssel sie erstellen auch indexes innerhalb von onupgradeneeded ein index ermöglicht es datensätze über eine andere eigenschaft als den primärschlüssel zu suchen übergeben sie unique true um doppelte werte für diese eigenschaft abzulehnen javascript editable run const request indexeddb open mytestdatabase 1 request onupgradeneeded function event const db event target result create the store only if it doesn t already exist if db objectstorenames contains books const store db createobjectstore books keypath id index for searching by title duplicates allowed store createindex title title unique false index for searching by author store createindex author author unique false console log object store and indexes created request onsuccess function event event target result close console log setup done transaktionen sobald ihre datenbank und object stores eingerichtet sind müssen sie datenoperationen mithilfe von transaktionen verwalten eine transaktion in indexeddb ist ein mechanismus der mehrere operationen zu einer einzigen arbeitseinheit zusammenfasst die entweder vollständig erfolgreich ist oder vollständig fehlschlägt sie ist wesentlich für die gewährleistung von datenkonsistenz und integrität insbesondere wenn mehrere operationen voneinander abhängen um ein korrektes ergebnis zu erzielen transaktionen in indexeddb verwenden schritt 1 eine transaktion starten um eine operation in indexeddb durchzuführen beginnen sie mit dem erstellen einer transaktion auf einer datenbank eine transaktion wird erstellt indem angegeben wird welche object stores die transaktion betrifft und welchen modus die transaktion hat entweder readonly oder readwrite schritt 2 auf einen object store zugreifen innerhalb einer transaktion können sie auf einen oder mehrere object stores zugreifen um datenoperationen durchzuführen schritt 3 operationen durchführen sobald sie zugriff auf einen object store haben können sie verschiedene operationen ausführen wie das hinzufügen abrufen aktualisieren oder löschen von daten jede operation gibt ein request objekt zurück das sie zur behandlung von erfolgs oder fehlerereignissen verwenden können schritt 4 die transaktion abschließen eine transaktion wird automatisch abgeschlossen sobald alle darin ausgestellten operationen aufgelöst wurden entweder durch erfolg oder misserfolg sie können auch auf das complete ereignis der transaktion warten um aktionen nach dem erfolgreichen abschluss aller operationen auszuführen hier ist ein beispiel einer vollständigen transaktion javascript editable run step 1 open the indexeddb database let db const db_name testdb const request indexeddb open db_name request onerror function event console error database error event target error request onupgradeneeded function event db event target result if db objectstorenames contains books db createobjectstore books keypath id const clean function database database close indexeddb deletedatabase db_name console log database closed and deleted request onsuccess function event db event target result step 2 start a transaction const transaction db transaction books readwrite access the object store const store transaction objectstore books step 3 perform operations adding a new book const book id 1 title effective javascript author david herman const addrequest store add book addrequest onsuccess function console log book added successfully addrequest onerror function event console error failed to add book event target error step 4 complete the transaction transaction oncomplete function console log transaction completed successfully clean db transaction onerror function console error transaction failed clean db daten lesen um daten abzurufen verwenden sie store get key oder einen cursor zum iterieren über mehrere datensätze hier sind kurze beispiele einen einzelnen datensatz abrufen javascript editable run const transaction db transaction books readonly const store transaction objectstore books const getrequest store get 1 getrequest onsuccess function console log retrieved book getrequest result getrequest onerror function console error failed to retrieve book mit einem cursor iterieren javascript editable run const transaction db transaction books readonly const store transaction objectstore books const cursorrequest store opencursor cursorrequest onsuccess function event const cursor event target result if cursor console log found book cursor value cursor continue else console log no more books abfragen mit indexes mit dem primärschlüssel können sie einen datensatz abrufen wenn sie seinen schlüssel bereits kennen ein index ermöglicht die suche nach einer anderen eigenschaft beispielsweise das finden eines buches anhand seines title greifen sie mit store index name auf einen index zu und rufen sie dann darauf get getall oder opencursor auf genau wie bei einem store einen datensatz über eine indizierte eigenschaft suchen javascript editable run const transaction db transaction books readonly const store transaction objectstore books const index store index title const indexrequest index get effective javascript indexrequest onsuccess function console log found by title indexrequest result sie können eine abfrage auch auf einen schlüsselbereich mit idbkeyrange einschränken zum beispiel idbkeyrange bound a m um alle bücher abzurufen deren titel zwischen a und m beginnt indem sie den bereich an getall oder opencursor übergeben datensätze aktualisieren und löschen um vorhandene daten zu ändern verwenden sie store put mit demselben schlüssel um daten zu entfernen verwenden sie store delete key einen datensatz aktualisieren javascript editable run const transaction db transaction books readwrite const store transaction objectstore books const updatedbook id 1 title effective javascript 2nd ed author david herman const putrequest store put updatedbook putrequest onsuccess function console log book updated successfully einen datensatz löschen javascript editable run const transaction db transaction books readwrite const store transaction objectstore books const deleterequest store delete 1 deleterequest onsuccess function console log book deleted successfully indexeddb inhalte im browser anzeigen nachdem sie daten gespeichert und verarbeitet haben möchten sie möglicherweise überprüfen was tatsächlich in ihrem browser gespeichert ist die meisten modernen browser zeigen an was in indexeddb gespeichert ist nachfolgend ein beispiel aus den entwicklertools von chrome best practices für die verwendung von transaktionen um sicherzustellen dass ihre indexeddb implementierung zuverlässig und leistungsfähig bleibt befolgen sie diese richtlinien umfang minimieren halten sie transaktionen so klein wie möglich sowohl hinsichtlich der anzahl der operationen als auch der dauer dies verringert die wahrscheinlichkeit von konflikten und verbessert die leistung fehlerbehandlung implementieren sie immer eine fehlerbehandlung sowohl auf der request als auch auf der transaktionsebene dies hilft bei der diagnose von problemen und verhindert partielle aktualisierungen die zu datenbeschädigung führen könnten parallelität beachten sie dass transaktionen auf derselben datenbank in der warteschlange stehen und seriell ausgeführt werden obwohl indexeddb asynchron und nicht blockierend ist um datenwettläufe und inkonsistenzen zu verhindern fazit indexeddb bietet eine robuste plattform für komplexes datenmanagement in webanwendungen und ist damit ein unverzichtbares werkzeug für moderne webentwickler durch die ordnungsgemäße implementierung seiner funktionen können entwickler clientseitige daten effizient speichern abrufen aktualisieren und löschen was die anwendungsleistung und die benutzererfahrung verbessert für einfachere speicheranforderungen und um ein besseres verständnis des browser speicher gesamtbilds zu erhalten lesen sie diese verwandten kapitel localstorage und sessionstorage leichtgewichtige key value speicherung für kleine mengen von string daten die storage api wie der browser speicherkontingente und persistenz über verschiedene mechanismen hinweg verwaltet arbeiten mit json serialisierung von daten nützlich beim verschieben von objekten in und aus dem speicher übungen übung was sind die eigenschaften von indexeddb in javascript was sind die eigenschaften von indexeddb in javascript es ist ein webstandard für eine indizierte datenbank es speichert nur strings als werte es verwendet indexes um hochperformante suchen in diesen daten zu ermöglichen indexeddb ist eine relationale datenbank indexeddb ist im wesentlichen ein großes nosql speichersystem prüfen was this page helpful yes no previous localstorage sessionstorage next css animationen on this page wann sollte indexeddb verwendet werden die ereignisbasierte asynchrone api eine indexeddb datenbank einrichten transaktionen transaktionen in indexeddb verwenden indexeddb inhalte im browser anzeigen best practices für die verwendung von transaktionen fazit übungen w3docs kostenlose tutorials beispiele übungen snippets und quizze für das web seit 2014 bücher html lernen css lernen javascript lernen git lernen java lernen php lernen python lernen üben übungen quizze probier editor tools htm...
Images from subpage: "de.w3docs.com/learn-javascript/focusing-focus-blur" Verify
Images from subpage: "de.w3docs.com/learn-javascript/events-change-input-cut-copy-... " Verify
Images from subpage: "de.w3docs.com/learn-javascript/clipboard-api" Verify
Images from subpage: "de.w3docs.com/learn-javascript/forms-event-and-method-submit... " Verify
Images from subpage: "de.w3docs.com/learn-javascript/page-domcontentloaded-load-be... " Verify

Verified site has: 235 subpage(s). Do you want to verify them? Verify pages:

1-5 6-10 11-15 16-20 21-25 26-30 31-35 36-40 41-45 46-50
51-55 56-60 61-65 66-70 71-75 76-80 81-85 86-90 91-95 96-100
101-105 106-110 111-115 116-120 121-125 126-130 131-135 136-140 141-145 146-150
151-155 156-160 161-165 166-170 171-175 176-180 181-185 186-190 191-195 196-200
201-205 206-210 211-215 216-220 221-225 226-230 231-235


The site also has 3 references to external domain(s).

 x.com  Verify  github.com  Verify  linkedin.com  Verify


Top 50 hastags from of all verified websites.

Supplementary Information (add-on for SEO geeks)*- See more on header.verify-www.com

Header

HTTP/2 200
date Sat, 26 Sep 2026 19:53:32 GMT
content-type text/html; charset=utf-8
cache-control public, max-age=0, s-maxage=3600, stale-while-revalidate=86400
nel report_to : cf-nel , success_fraction :0.0, max_age :604800
link </_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2>; rel=preload; as= font ; crossorigin= ; type= font/woff2 , </_next/static/chunks/0f-03z2d3_qak.css>; rel=preload; as= style , </_next/static/chunks/167rp0.dvu8z4.css>; rel=preload; as= style
vary rsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch, Accept-Encoding
via 1.1 Caddy
x-locale de
x-powered-by Next.js
cf-cache-status DYNAMIC
report-to group : cf-nel , max_age :604800, endpoints :[ url : htt????/a.nel.cloudflare.com/report/v4?s=Kn7ySto6y6q90PsCaeplHd%2BcbicKxe7yR6oVqoc%2BlVxRlDNIDYrX5cKJEaO28h5R2Ki%2BXW1Esypm%2BhG%2Fpkgc2wLb3UW2KgdG4nYKffqKjnEhRzk3S%2BhpRaAeANlxTBVw ]
content-encoding gzip
server cloudflare
cf-ray a414d0b25bed06d4-AMS
alt-svc h3= :443 ; ma=86400

Meta Tags

title="JavaScript IndexedDB | W3docs"
charset="utf-8"
name="viewport" content="width=device-width, initial-scale=1"
name="next-size-adjust" content=""
name="description" content="JavaScript IndexedDB: Datenbank öffnen, onupgradeneeded behandeln, Object Stores und Indexes erstellen, Transaktionen ausführen sowie Datensätze hinzufügen…"
property="og:title" content="JavaScript IndexedDB"
property="og:description" content="JavaScript IndexedDB: Datenbank öffnen, onupgradeneeded behandeln, Object Stores und Indexes erstellen, Transaktionen ausführen sowie Datensätze hinzufügen…"
property="og:url" content="htt????/de.w3docs.com/learn-javascript/javascript-indexeddb"
property="og:site_name" content="W3docs"
property="og:locale" content="de_DE"
property="og:image" content="htt????/www.w3docs.com/build/images/logo-amp.png"
property="og:type" content="article"
name="twitter:card" content="summary_large_image"
name="twitter:site" content="@w3docs"
name="twitter:title" content="JavaScript IndexedDB"
name="twitter:description" content="JavaScript IndexedDB: Datenbank öffnen, onupgradeneeded behandeln, Object Stores und Indexes erstellen, Transaktionen ausführen sowie Datensätze hinzufügen…"
name="twitter:image" content="htt????/www.w3docs.com/build/images/logo-amp.png"

Load Info

page size51869
load time (s)1.130465
redirect count0
speed download45901
server IP 104.26.5.230
* all occurrences of the string "http://" have been changed to "htt???/"