Database.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
if(window.Worker){
var worker=new Worker('worker.js');
//向worker发送消息
worker.onerror=function(e){
alert("于第["+e.lineno+"]行发生错误:"+e.message);
}
worker.onmessage=function(event){
var result=event.data;
document.writeln(result+"<br/>");
};
}else{
alert("浏览器不支持web worker!");
}
</script>
</body>
</html>
worker.js
//(3)事务操作的回调函数
function callback(tx){
var result=tx.executeSql("SELECT*FROM employees",[]);
try{
var rowList=result.rows;
for(var i=0;i<rowList.length;i++){
var row=rowList.item(i);
for(var j in row){
postMessage(j+"="+row[j]+"<br/>");
}
}
}catch(err){
alert(err.massage?err.message:err.toString());
}
}
//(1)创建数据库建立连接
try{
var db=window.openDatabase('mydb','1.0','我的第一个客户端数据库',2*1024*1024);
}catch(err){
alert(err.message?err.message:err.toString());
}
if(!db)alert("不能连接到数据库!");
//(2)执行事务
db.transaction(callback);