1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Storage Test</title>
<script>
"use strict";
/* exported setup */
function setup() {
createIndexedDB();
createCookies();
createLocalStorage();
createSessionStorage();
}
function createIndexedDB() {
const open = indexedDB.open("MyDatabase", 1);
open.onupgradeneeded = function () {
const db = open.result;
db.createObjectStore("MyObjectStore", {keyPath: "id"});
};
open.onsuccess = function () {
const db = open.result;
const tx = db.transaction("MyObjectStore", "readwrite");
const store = tx.objectStore("MyObjectStore");
store.put({id: 12345, name: {first: "John", last: "Doe"}, age: 42});
store.put({id: 54321, name: {first: "Ralph", last: "Wood"}, age: 38});
store.put({id: 67890, name: {first: "Bob", last: "Smith"}, age: 35});
store.put({id: 98765, name: {first: "Freddie", last: "Krueger"}, age: 40});
tx.oncomplete = function () {
db.close();
};
};
}
function createCookies() {
document.cookie = "test1=Jean Dupond";
document.cookie = "test2=dnopuD naeJ";
}
function createLocalStorage() {
localStorage.setItem("test3", "John Doe");
localStorage.setItem("test4", "eoD nhoJ");
}
function createSessionStorage() {
sessionStorage.setItem("test5", "John Smith");
sessionStorage.setItem("test6", "htimS nhoJ");
}
</script>
</head>
<body>
<h1>IndexedDB Test</h1>
</body>
</html>
|
