HTML5实现调用手机通讯录,获取手机通讯录信息。
时间: 2024-05-09 15:16:30 浏览: 5
HTML5并不直接支持调用手机通讯录,但是可以通过一些API实现。下面是一个基于JavaScript的实现示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>获取通讯录</title>
</head>
<body>
<button onclick="getContacts()">获取通讯录</button>
<ul id="contacts"></ul>
<script>
function getContacts() {
if (typeof navigator.contacts === 'undefined') {
alert('无法获取通讯录信息');
return;
}
navigator.contacts.pickContact(function(contact){
var name = contact.displayName;
var phoneNumbers = contact.phoneNumbers;
var phones = [];
for (var i = 0; i < phoneNumbers.length; i++) {
phones.push(phoneNumbers[i].value);
}
var list = document.getElementById('contacts');
var item = document.createElement('li');
item.innerHTML = name + ': ' + phones.join(', ');
list.appendChild(item);
}, function(error){
alert('获取通讯录信息失败');
});
}
</script>
</body>
</html>
```
这个示例使用了Cordova提供的Contacts API,需要在Cordova项目中使用。如果是在Web应用中使用,则需要使用第三方的JavaScript库,例如Cordova Contacts Plugin。