芯が強い人になるESTJ-A

拨打电话
在电话号码前面可以加上 + （加号）表示国际号码（例如中国：+86）。如：

最常用WEB页面tel协议实现拨号功能

例子：

使用tel协议：

<a href=”tel:10086″>10086</a>

使用wtai协议进行拨打电话：

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

JS中实现拨打电话或发送短信功能：

//拨打电话
ringUp () {
  window.location.href = 'tel:' + 17863936666;
},
//发送短信
faduanxin(){
  window.location.href = 'sms:' + 17863936666+'?Hello Mr Liu';
}

发送短信
如果是需要调用短信的接口，可以将链接写成下面的格式：

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>

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&amp;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>

window.location.href 拨打电话 IOS端不起作用

在网上查阅资料后，最常见的几种方法：
方式一：

<a href="" ref="tels"></a>

this.$refs.tels.href = `tel://`'+ phoneNum
this.$refs.tels.click()

方式二：

setTimeout(() => {
window.location.href = 'tel://'+ phoneNum 
},0)

方法三：

window.location = 'tel://'+ phoneNum

1.index.html中添加如下代码： 

<meta name="format-detection" content="telephone=yes" />
2.在需要调起手机拨号功能的页面，写如下函数： 

// 调用拨号功能
callPhone (phoneNumber) {
    window.location.href = 'tel://' + phoneNumber
}

Disabling tel: links in desktop and webmail clients

a.disable-link {
    pointer-events: none;
    cursor: default;
}
...
<a href=“tel:1800ABCPIZZA” class=“disable-link” cm_dontconvertlink>
   <table>
      <tr>
          <td> Call: +1800-ABC-PIZZA </td>
      </tr>
   </table>
</a>

css--
@media only screen and (max-device-width: 480px) {
   a[class=“disable-link”] {
      pointer-events: auto !important;
      cursor: auto !important;
   }
}

# 移动设备网页打电话、发短信、发邮件的html5链接实现方法