indexedDB兼容ff和chrome实例

http://snaketoome.blog.163.com/blog/static/169773401201242121716882

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

Html代码

<!DOCTYPE html>

<head>

<title>IndexedDB</title>

</head>

<body >

Name:

</label>

<br />

Email:

</label>

<br />

<br />

name:

</label>

<br />

<br />

<br />

</output>

</div>

</body>

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;

windowwindow.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 dbdbReq = 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});

request.onsuccess = function (evt) {

alert('添加成功');

};

btnDelete.onclick=function () {

var id = document.getElementById("txtID").value;

var transaction = db.transaction(storeName, IDBTransaction.READ_WRITE);

var objectStore = transaction.objectStore(storeName);

var request = objectStore.delete(id);

request.onsuccess = function(evt) {

alert('删除成功');

};

request.onerror = function(evt) {

alert('删除失败');

};

btnPrint.onclick=function () {

var output = document.getElementById("printOutput");

output.textContent = "";

console.debug(window.db);

var transaction = db.transaction(storeName, IDBTransaction.READ_WRITE);

var objectStore = transaction.objectStore(storeName);

var request = objectStore.openCursor();

request.onsuccess = function(evt) {

var cursor = evt.target.result;

if (cursor) {

output.textContent += " name: " + cursor.value.name + " email:"+cursor.value.sort;

cursor.continue();

}

else {

console.log("No more entries!");

}

};

btnGet.onclick=function(){

var output = document.getElementById("printOutput");

output.textContent = "";

var id = document.getElementById("txtID").value;

var transaction = db.transaction(storeName, IDBTransaction.READ_WRITE);

var objectStore = transaction.objectStore(storeName);

var request = objectStore.get(id);

request.onsuccess = function(evt) {

var cursor = this.result;

if (cursor) {

output.textContent += " name: " + cursor.name + " email:"+cursor.sort;

}

};

request.onerror = function(evt) {

alert('删除失败');

};

}

function onUpg(e){

var db = this.result;

var objectStore=db.createObjectStore(storeName, {keyPath: 'name'});

objectStore.createIndex("sort", "sort", {unique: false });

}

kk();

</script>

</html>

不静之心

indexedDB兼容ff和chrome实例

发表评论取消回复

访问信息

功能

近期评论

不静之心

indexedDB兼容ff和chrome实例

发表评论 取消回复

访问信息

功能

近期评论

发表评论取消回复