正在加载图片...
《Web交互开发》实验教学指导/实验七:本地存储 (2)部分如下所示: < title>indexedDB数据库的使用</ttle <meta charset=UTF-8"> <meta name="viewport" content="width-device-width, initial-scale=1.0"> < -input type=" button" value="连接数据库" onclick=" connectDatabase("> < -input type=" button" value="创建对象仓库"> < -input type=" button" value="保存数据"> Input type=" button" value="读取数据"> ∥连接数据库 function connectDatabaseot var dbName='indexedDBTest var dbConnect=indexedDB. open(dbName, db Version) db. onsuccess=function(e)( lrt("数据库连接成功"), onerror-function(i alert("数据库连接失败"), (3)请完成下面的任务 任务一:编写相应的代码,在数据库中创建数据仓库对象。(5分) 任务二:编写代码,在数据库中添加数据?(5分) 任务三:简述 indexedDB数据库的特点。(5分) 要求 请将上述任务的操作方法,填写到实验报告册中。 本讲共计5页|当前第3页《Web 交互开发》实验教学指导 / 实验七 ：本地存储 本讲共计 5 页 | 当前第 3 页 （2）部分如下所示： <html> <head> <title>indexedDB 数据库的使用</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <input type="button" value="连接数据库" onclick="connectDatabase()"> <input type="button" value="创建对象仓库"> <input type="button" value="保存数据"> <input type="button" value="读取数据"> <script> //连接数据库 function connectDatabase(){ var dbName='indexedDBTest2'; var dbVersion=20171130; var idb; var dbConnect=indexedDB.open(dbName,dbVersion); dbConnect.onsuccess=function(e){ idb=e.target.result; alert("数据库连接成功"); } dbConnect.onerror=function(){ alert("数据库连接失败"); } } （3）请完成下面的任务： 任务一：编写相应的代码，在数据库中创建数据仓库对象。（5 分） 任务二：编写代码，在数据库中添加数据？（5 分） 任务三：简述 indexedDB 数据库的特点。（5 分） 要求： 请将上述任务的操作方法，填写到实验报告册中