init();
})
});
}
window.del = deleteByName;
//增加
function save(name, phone) {
db.transaction(function (tx) {
tx.executeSql('insert into phoneBook values(?, ?)', [name, phone], function (tx, rs) {
var d = {};
d.name = name;
d.phone = phone;
showData(d);
})
});
}
});
</script>
</head>
<body>
<h1>
本地数据库实现web通讯录</h1>
<input type="text" id="search" placeholder="联系人姓名" />
<button id="btSearch">
搜索</button>
<div id="phoneBook">
</div>
<hr />
姓名：<input type="text" id="name" />
手机：<input type="text" id="phone" />
<button id="add">
添加到通讯录</button>
</body>
</html>
结语
对于搞过后端的同学，这章东西其实也是非常简单的，我再一次涌起了这种想法：
其实HTML5就是HTML4+api接口，目的就是让我们可以用js做更多事情罢了。
