行動裝置wap手機網頁html5通過特殊連結：打電話，發簡訊，發郵件詳細教程

標籤：lin   article   subject   code   XML   一鍵   第一個   span   webos   

最近逍遙樂在尋找手機網頁調用系統簡訊傳送簡訊的功能，用於分享和發送資訊。找了一圈，找到了，這裡分享出來，記錄一下！

如果需要在行動瀏覽器中實現撥打到電話，調用sms發簡訊，發送email等功能，移動手機WEB頁面(HTML5)Javascript提供的介面是一個好辦法。

採用url href連結的方式，實現在Safari  ios，Android 瀏覽器，webos瀏覽器，塞班瀏覽器，IE，Operamini等主流瀏覽器，進行撥打到電話功能。

 1. 撥打到電話

在電話號碼前面可以加上 + （加號）表示國際號碼。如：

最常用WEB頁面JS實現一鍵撥號的電話撥打功能

例子：

<a href="tel:10086">10086</a>

使用wtai協議進行撥打到電話

 <a href="wtai://wp/mc;10086">10086</a>

2. 傳送簡訊

如果是需要調用簡訊的介面，可以將連結寫成下面的格式：

sms:<phone_number>[,<phone-number>]*[?body=<message_body>]

例如：

（1）給 10086 發簡訊：

<a href="sms:10086">發送資訊</a>（2）給 10086 發送內容為"cxye"的簡訊：<a href="sms:10086?body=cxye">發送資訊</a>（3）給 10086 和 10010 發送內容為"cxye"的簡訊：<a href="sms:10086,10010?body=cxye">發送資訊</a>

 

3. Mail 發送郵件

就和普通的html一樣使用mailto

（1）給[email protected]發送郵件：

<a href="mailto:[email protected]">mail</a>（2）給[email protected]和[email protected]發送郵件：<a href="mailto:[email protected],[email protected]">mail</a>

（2）給[email protected].com發送主題為“testing”的郵件：

<a href="mailto:[email protected]?subject=Testing">mail</a>

（2）給[email protected].com發送主題為“testing”的郵件，並抄送給[email protected].com：

<a href="mailto:[email protected]?subject=Testing mailto&[email protected]">mail</a>

 

4. Android Market

如果希望一個連結能夠啟用Android市場的功能，可以把連結寫成：

 <a href="market://search?q=[query]">Android Market link</a>

其中<query>就是搜尋的內容，你應用的名稱

例子：

<a href="market://search?q=MyApp">MyApp</a>

5. GPS地圖定位

<a href="geopoint:[經度],[緯度]">我的位置</a>

例如：

<a href="geopoint:108.954823,34.275891">我的位置</a>

在html中a 標籤是一個連結標籤，然而a 標籤也有很多的種類，在此做一個小結。

一、普通連結

<a href="http://www.baidu.com">百度</a>

二、郵件連結
1.標籤最簡式

<a href="mailto:[email protected]">聯絡站長</a>

2.標籤幫你填抄送地址

<a href="mailto:[email protected][email protected]">聯絡站長</a>

3.標籤幫你填暗送地址

<a href="mailto:[email protected][email protected]">聯絡站長</a>

4.暗,抄

<a href="[email protected]">聯絡站長</a>

5.標籤幫你填主題

<a href="mailto:[email protected]?subject=給你首頁提個建議">有話直說</a>

6.填郵件內容

<a href="mailto:[email protected]?body=你的網頁做得不錯啊,不過就是人氣不夠哦">評價</a>

7.多址發送

<a href="mailto:[email protected],[email protected]">聯絡站長</a>

郵件連結小結：mailto後為收件者地址，cc後為抄送地址，bcc後為密件副本地址，subject後為郵件的主題，body後為郵件的內容，如果Mailto後面同時有多個參數的話，第一個參數必須以“?”開頭，後面的每一個都以“&”開頭。完整的執行個體:

<a href="mailto:aaa@xxx.com?cc=bbb@yyy.com&bcc=ccc@zzz.com&subject=主題&body=郵件內容">發郵件</a>

三、打電話
最常用WEB頁面JS實現一鍵撥號的電話撥打功能

<a href="tel:10086">10086</a>

使用wtai協議進行撥打到電話

<a href="wtai://wp/mc;10086">10086</a>

四、發簡訊
如果是需要調用簡訊的介面，可以將連結寫成下面的格式：

sms:<phone_number>[,<phone-number>]*[?body=<message_body>]

例：
1.給一個號碼發簡訊

<a href="sms:10086">給 10086 發簡訊</a>

2.給一個號碼發送，已編輯好的簡訊

<a href="sms:10086?body=cxye">給 10086 發送內容為"cxye"的簡訊</a>

3.給多個號碼傳送簡訊

<a href="sms:10086,10010?body=cxye">給 10086 和 10010 發送內容為"cxye"的簡訊</a>

注意：發簡訊的時候有可能會出現亂碼，這個與頁面的編碼格式有關係，需要將頁面的編碼格式改為 Unicode(UTF-8)。詳細說明

五、Android Market
如果希望一個連結能夠啟用Android市場的功能，可以把連結寫成：

<a href="market://search?q=[query]">Android Market link</a>

其中<query>就是搜尋的內容，你應用的名稱
例：

<a href="market://search?q=MyApp">MyApp</a>

六、地圖GPS定位
地圖定位GPS

<a href="geopoint:[經度],[緯度]">我的位置</a>

例：

<a href="geopoint:108.954823,34.275891">我的位置</a>

行動裝置wap手機網頁html5通過特殊連結：打電話，發簡訊，發郵件詳細教程