html5 indexDB DEMO（一）

最新推荐文章于 2023-07-21 16:17:59 发布

光西

最新推荐文章于 2023-07-21 16:17:59 发布

阅读量5.8k

点赞数

分类专栏： html5和css3 文章标签： html5 indexDB DEMO

本文链接：https://blog.csdn.net/gointoit/article/details/9151071

版权

html5和css3 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!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>

光西

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html5 indexDB DEMO（一）

HTML 5 Application - IndexedDbvar blockbusters={ title:"nishi", derector:"shi", length:120 };//假设这个object用来保存的 var db;var request;var store; function createDatabase(dbName){ request=i
复制链接

扫一扫