phonegap使用方法介紹（一）找出聯絡人-H5教程-PHP中文網

首頁

web前端

H5教程

phonegap使用方法介紹（一）找出聯絡人

零下一度

May 02, 2017 am 11:18 AM

下面小編就為大家帶來一篇使用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使用方法介紹（一）找出聯絡人的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7807

Java教學

1645

CakePHP 教程

1402

Laravel 教程

1300

PHP教程

1236

Related knowledge

h5是指什麼 Aug 02, 2023 pm 01:52 PM

H5是指HTML5，是HTML的最新版本，H5是一個功能強大的標記語言，為開發者提供了更多的選擇和創造空間，它的出現推動了Web技術的發展，使得網頁的交互和效果更加出色，隨著H5技術的逐漸成熟和普及，相信它將在互聯網的世界中發揮越來越重要的作用。

如何區分H5,WEB前端,大前端,WEB全端? Aug 03, 2022 pm 04:00 PM

本文帶你快速區分H5、WEB前端、大前端、WEB全棧，希望對需要的朋友有幫助！

h5怎麼實現web端向上滑動載入下一頁 Mar 11, 2024 am 10:26 AM

實現步驟：1、監聽頁面的滾動事件；2、判斷捲動至頁面底部；3、載入下一頁資料；4、更新頁面捲動位置即可。

h5如何使用position Dec 26, 2023 pm 01:39 PM

在H5中使用position屬性可以透過CSS控制元素的定位方式：1、相對定位relative，語法為「style="position: relative;」；2、絕對定位absolute，語法為「style="position: absolute; 」；3、固定定位fixed，語法為「style="position: fixed;」等等。

vue3怎麼實作H5表單驗證元件 Jun 03, 2023 pm 02:09 PM

效果圖描述基於vue.js，不依賴其他外掛程式或函式庫實作；基礎功能使用保持和element-ui一致，內部實作做了一些行動裝置差異的調整。目前建置平台使用uni-app官方腳手架構建，因為當下行動端大多情況就h6和微信小程式兩種，所以一套程式碼跑多端十分適合技術選型。實作思路核心api：使用provide和inject，對應和。在元件中，內部用一個變數（陣列）去將所有實例儲存起來，同時把要傳遞的資料透過provide暴露出去；元件則在內部用inject去接收父元件提供過來的數據，最後把自身的屬性和方法提交

H5指的是什麼？探索上下文 Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo