jquery mobile實(shí)現(xiàn)撥打電話(huà)功能的幾種方法
更新時(shí)間：2013年08月05日 10:53:48 作者：
在做一個(gè)便民服務(wù)電話(huà)，用到移動(dòng)web中列出的電話(huà)，點(diǎn)擊需要實(shí)現(xiàn)調(diào)用通訊錄，撥打電話(huà)功能，有需要的朋友可以參考一下
如果需要在移動(dòng)瀏覽器中實(shí)現(xiàn)撥打電話(huà)，發(fā)送email，調(diào)用sns等功能，jquery mobile提供的接口是一個(gè)好辦法。
采用url鏈接的方式，實(shí)現(xiàn)在safari ios，android 瀏覽器，webos 瀏覽器，塞班瀏覽器，ie，operamini等主流瀏覽器，進(jìn)行撥打電話(huà)功能。
1.最常用的方式：
復(fù)制代碼 代碼如下:
<a href="tel:+120">報(bào)警!</a>
在撥號(hào)界面，顯示號(hào)碼，并提示撥打。
支持大部分的瀏覽器，但是在qq瀏覽器上支持不好。
2、自動(dòng)探測(cè)電話(huà)號(hào)碼
如果要支持safari for ios ，blackberry browser的號(hào)碼，需要加上一下標(biāo)簽：
復(fù)制代碼 代碼如下:
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
3.使用wtai協(xié)議進(jìn)行撥打電話(huà)。
在wml中可以調(diào)用設(shè)備的wtai函數(shù)來(lái)呼叫特定的電話(huà)號(hào)碼。目前，越來(lái)越多的瀏覽器都支持這個(gè)功能，但還不是所有。
代碼如下所示：
復(fù)制代碼 代碼如下:
＜input name="phone_no" format="*m" value="13"/＞ ＜do type="option" label="呼出號(hào)"＞ ＜go href="wtai://wp/mc;$(phone_no)"/＞ ＜/do＞＜br/＞ 或者直接寫(xiě)入電話(huà)號(hào)碼的方式： ＜a href="wtai://wp/mc;1331597312*"＞撥打電話(huà)＜/a＞
實(shí)例：
復(fù)制代碼 代碼如下:
<a href="wtai://wp//mc;10086">撥打10086 </a> <a href="wtai://wp/ap;10086;">將10086存儲(chǔ)至電話(huà)簿 </a> <a href="sms:10086">發(fā)短信到10086 </a>
建議采用這個(gè)方式。
4、還有一種方式：
復(fù)制代碼 代碼如下:
<a href="dc:5040*0077">撥打熱線(xiàn)</a>
經(jīng)過(guò)測(cè)試，大部分瀏覽器都不支持 了。
相關(guān)文章
淺談jQuery的bind和unbind事件(綁定和解綁事件)
下面小編就為大家?guī)?lái)一篇淺談jQuery的bind和unbind事件(綁定和解綁事件)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
jQuery在header中設(shè)置請(qǐng)求信息的方法
這篇文章主要介紹了jQuery在header中設(shè)置請(qǐng)求信息的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jquery實(shí)現(xiàn)瀑布流效果分享,需要的朋友可以參考下2014-03-03
用JQuery的Ajax從后臺(tái)提取數(shù)據(jù)后想把它賦值給全局變量，怎么都賦不進(jìn)，原因是數(shù)據(jù)還沒(méi)提取出來(lái)，你當(dāng)然賦不進(jìn)去2014-08-08
Jquery+CSS 創(chuàng)建流動(dòng)導(dǎo)航菜單 Fluid Navigation
有時(shí)，一個(gè)網(wǎng)站的導(dǎo)航菜單文字不能提供足夠的信息，來(lái)表達(dá)當(dāng)前菜單按鈕的內(nèi)容，一般的解決辦法是使用提示信息ToolTip，那么本文介紹的流動(dòng)導(dǎo)航菜單Fluid Navigation也可以解決此問(wèn)題，同時(shí)也為網(wǎng)站設(shè)計(jì)的添加了一些時(shí)尚而又動(dòng)感元素。2010-02-02
這篇文章主要介紹了jQuery each和js forEach用法,結(jié)合實(shí)例形式對(duì)比分析了jQuery each和js forEach具體使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-02-02
jQuery使用empty()方法刪除元素及其所有子元素的方法
這篇文章主要介紹了jQuery使用empty()方法刪除元素及其所有子元素的方法,涉及jQuery操作元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery+canvas實(shí)現(xiàn)簡(jiǎn)單的球體斜拋及顏色動(dòng)態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實(shí)現(xiàn)簡(jiǎn)單的球體斜拋及顏色動(dòng)態(tài)變換效果,通過(guò)jQuery+html5的canvas利用時(shí)間函數(shù)進(jìn)行實(shí)時(shí)數(shù)學(xué)運(yùn)算動(dòng)態(tài)繪制拋物線(xiàn)圖形的技巧,需要的朋友可以參考下2016-01-01
jQuery實(shí)現(xiàn)強(qiáng)制cookie過(guò)期方法匯總
本文是對(duì)jquery 強(qiáng)制cookie失效的解決方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2015-05-05
本文對(duì)AngularJS中的JSONP實(shí)例解析。需要的朋友可以參考下2016-12-12