DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery mobile實現撥打電話功能的幾種方法
jquery mobile實現撥打電話功能的幾種方法
編輯:JQuery特效代碼     

如果需要在移動浏覽器中實現撥打電話,發送email,調用sns等功能,jquery mobile提供的接口是一個好辦法。

采用url鏈接的方式,實現在safari ios,android 浏覽器,webos 浏覽器,塞班浏覽器,ie,operamini等主流浏覽器,進行撥打電話功能。

1.最常用的方式:
. 代碼如下:
<a href="tel:+120">報警!</a>

在撥號界面,顯示號碼,並提示撥打。

支持大部分的浏覽器,但是在qq浏覽器上支持不好。

2、自動探測電話號碼

如果要支持safari for ios ,blackberry browser的號碼,需要加上一下標簽:
. 代碼如下:
<meta name="format-detection" content="telephone=no">

<meta http-equiv="x-rim-auto-match" content="none">

3.使用wtai協議進行撥打電話。

在wml中可以調用設備的wtai函數來呼叫特定的電話號碼。目前,越來越多的浏覽器都支持這個功能,但還不是所有。

代碼如下所示:
. 代碼如下:
<input name="phone_no" format="*m" value="13"/> <do type="option" label="呼出號"> <go href="wtai://wp/mc;$(phone_no)"/> </do><br/>   或者直接寫入電話號碼的方式: <a href="wtai://wp/mc;1331597312*">撥打電話</a>

實例:
. 代碼如下:
<a href="wtai://wp//mc;10086">撥打10086 </a>  <a href="wtai://wp/ap;10086;">將10086存儲至電話簿 </a>  <a href="sms:10086">發短信到10086 </a>

建議采用這個方式。

4、還有一種方式:
. 代碼如下:
<a href="dc:5040*0077">撥打熱線</a>

經過測試,大部分浏覽器都不支持 了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved