indexedDB兼容ff跟chrome实例
日期：2014-05-16 浏览次数：20597 次
indexedDB兼容ff和chrome实例
http://snaketoome.blog.163.com/blog/static/169773401201242121716882
http://snaketoome.blog.163.com/blog/static/169773401201242121716882
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>IndexedDB</title>
</head>
<body >
<div id="container">
<label for="txtName">
Name:
</label>
<input type="text" id="txtName" name="txtName" />
<br />
<label for="txtEmail">
Email:
</label>
<input type="email" id="txtEmail" name="txtEmail" />
<br />
<input type="button" id="btnAdd" value="Add Record" />
<br />
<label for="txtID">
name:
</label>
<input type="text" id="txtID" name="txtID" />
<br />
<input type="button" id="btnDelete" value="Delete Record" />
<input type="button" id="btnGet" value="Get Record" />
<br />
<input type="button" id="btnPrint" value="Print objectStore" />
<br />
<output id="printOutput">
</output>
</div>
</body>
<script type="text/javascript">
function kk(){
window.db='';
window.storeName='aaa';
window.dbVersion = '1.0';
window.dbName='intent_DB';
initDb();
contentLoaded();
}
function initDb() {
if ('webkitIndexedDB' in window) {
window.indexedDB = webkitIndexedDB;
window.IDBKeyRange = webkitIDBKeyRange;
window.IDBTransaction = window.webkitIDBTransaction;
}
else if ('mozIndexedDB' in window) {
window.indexedDB = mozIndexedDB;
}
else if ('msIndexedDB' in window) {
window.indexedDB = msIndexedDB;
}
var request = indexedDB.open(dbName);
request.onsuccess = function (evt) {
db = this.result;
console.debug(window.db);
if(db.version!=dbVersion){
var dbReq = db.setVersion(dbVersion);
dbReq.onsuccess = function (e) {
var that = {result: this.source};
onUpg.call(that, e);//把改变版本后的source传递到onUpg
};
}
};
request.onerror = function (evt) {
console.log("IndexedDB error: " + evt.target.errorCode);
};
request.onupgradeneeded = onUpg
}
function contentLoaded() {
var btnAdd = document.getElementById("btnAdd");
var btnDelete = document.getElementById("btnDelete");
var btnPrint = document.getElementById("btnPrint");
var btnGet=document.getElementById('btnGet');
btnAdd.onclick=function () {
var name = document.getElementById("txtName").value;
var sort = document.getElementById("txtEmail").value;
var transaction = db.transaction(storeName,IDBTransaction.READ_WRITE);
var objectStore = transaction.objectStore(storeName);
var request = objectStore.add({name: name,sort:sort});
r
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
