在移動瀏覽器中實現撥打電話，調用sms發短信，發送email等功能，移動手機WEB頁面(HTML5)協議提供的接口是一個好辦法。採用url href連接的方式，實如今Safari ios，Android 瀏覽器，webos瀏覽器，塞班瀏覽器，IE，Operamini等主流瀏覽器，進行撥打電話功能。html
1. 撥打電話
在電話號碼前面能夠加上 + （加號）表示國際號碼（例如中國：+86）。如：前端
最經常使用WEB頁面tel協議實現撥號功能html5
例子：ios
使用tel協議：web
<a href=」tel:10086″>10086</a>瀏覽器
使用wtai協議進行撥打電話：性能優化
<a href=」wtai://wp/mc;10086″>10086</a>微信
2. 發送短信
若是是須要調用短信的接口，能夠將連接寫成下面的格式：閉包
sms:[,]*[?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 發送郵件
html5沒有變化，和之前html同樣使用mailto
（1）給test1@163.com發送郵件：
<a href=」mailto:test1@163.com」>mail</a>
（2）給test1@163.com和test2@126.com發送郵件：
<a href=」mailto:test1@163.com,test2@126.com」>mail</a>
（3）給test1@163.com發送主題爲「testing」的郵件：
<a href=」mailto:test1@163.com?subject=Testing」>mail</a>
（4）給test1@163.com發送主題爲「testing」的郵件，並抄送給test3@126.com：
<a href=」mailto:test1@163.com?subject=Testing mailto&cc=test3@126.com」>mail</a>
4. Android Market
若是但願一個連接可以激活Android市場的功能，能夠把連接寫成：
<a href=」market://search?q=[query]」>Android Market link</a>
其中就是搜索的內容，你應用的名稱
例子：
<a href=」market://search?q=MyApp」>MyApp</a>
5. 定位
<a href=」geopoint:[經度],[緯度]」>個人位置</a>
例如：
<a href=」geopoint:108.954823,34.275891″>個人位置</a>
| 往期精選文章 |
|---|
| 使用虛擬dom和JavaScript構建徹底響應式的UI框架 |
| 擴展 Vue 組件 |
| 使用Three.js製做酷炫無比的無窮隧道特效 |
| 讓你分分鐘理解 JavaScript 閉包 |
小手一抖，資料全有。長按二維碼關注京程一燈，閱讀更多技術文章和業界動態。
本文分享自微信公衆號 - 前端先鋒（jingchengyideng）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。