ホームページ > ウェブフロントエンド > H5 チュートリアル > PhoneGapの使い方紹介(1)連絡先を探す

PhoneGapの使い方紹介(1)連絡先を探す

零下一度
リリース: 2017-05-02 11:18:14
オリジナル
1390 人が閲覧しました

以下のエディターは、phonegap を使用して連絡先を検索する実装方法を示します。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう

例は次のとおりです:

<!DOCTYPE html> 
<html> 

    <head> 
        <meta charset="UTF-8"> 
        <title>Database Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
            } 
              
            function onSuccess(contacts){ 
                document.write(contacts.length+&#39;contacts found.&#39;); 
                for(var i=0;i<contacts.length;i++){ 
                    for(var j=0;j<contacts[i].emails.length;j++){ 
                        document.write("Email="+contacts[i].emails[j].email); 
                    } 
                } 
                alert(&#39;success&#39;); 
            } 
              
            function onError(error){ 
                 alert("Ooops!"); 
            } 
              
            function findContact(){ 
                var myOptions=new ContactFindOptions(); 
                myOptions.filter="gmail";//过滤 
                var myFields=["emails"];//要查询的字段 
                navigator.contacts.find(myFields,onSuccess,onError,myOptions); 
            } 
              
        </script> 
    </head> 
  
    <body> 
        <button onclick="findContact();">Find Contact</button> 
    </body> 
  
</html>
ログイン後にコピー

以上がPhoneGapの使い方紹介(1)連絡先を探すの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
h5
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート