<!DOCTYPE html>
<html>
<head>
<title>HTML 5 Application - IndexedDb</title>
<script type="text/javascript">
var blockbusters={
title:"nishi",
derector:"shi",
length:120
};//假设这个object用来保存的
var db;
var request;
var store;
function createDatabase(dbName){
request=indexedDB.open(dbName,3);
request.onerror = function () {
alert("fail to open datbase with:"+event.target.message);
}
request.onsuccess = function (event) {
alert("success open the database!");
// store.add(ss);
db=event.target.result;
var transaction = db.transaction(["blockbusters"], "readwrite");
var objectStore = transaction.objectStore("blockbusters");
objectStore.add(blockbusters);
// var store = db.createObjectStore("blockbusters", {keyPath: "title",autoIncrement: false});
// store.createIndex("director", "director", { unique: false });
// var transaction = db.transaction(["blockbusters"],readwirte);
// store = transaction.objectStore("blockbusters");
// request = store.put(video);
}
request.onupgradeneeded = function(event) {
alert("version Change");
db = event.target.result;
store = db.createObjectStore("blockbusters", {keyPath: "title",autoIncrement: false});
// store.createIndex("director", "director", { unique: false });
}
}
function deletedatabase(dbName){
try{
indexedDB.deleteDatabase(dbName);
}catch(e){
alert(e.getMessage);
}
}
</script>
</head>
<body>
<button οnclick="createDatabase('Test')">Create Database</button>
<button οnclick="deletedatabase('customers')">delet Database</button>
</body>
</html>
html5 indexDB DEMO(一)
最新推荐文章于 2024-07-03 14:28:39 发布