html,js打电话，拨号，发短信，发邮件，激活Android市场，地图定位GP-CFANZ编程社区

html,js打电话，拨号，发短信，发邮件，激活Android市场，地图定位GP

如果需要在移动浏览器中实现拨打电话，调用sms，发送email等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。

采用url链接的方式，实现在Safari ios，Android 浏览器，webos浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。

1. 打电话

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

最常用WEB页面JS实现一键拨号的电话拨打功能

例子：

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

使用wtai协议进行拨打电话

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

<a href="wtai://wp/ap;10086;">将10086存储至电话簿 </a>

1.1 移动web页面自动探测电话号码

<meta name="format-detection" content="telephone=no">

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

1.2 微信开发实现一键拨号出现屏蔽问题的解决方案

打开拨号页面要做下处理，在网址后面增加一个锚节点mp.weixin.qq.com。

实例如下：

如：上需要拨号代码，操作如下
1、继续写拨号代码
<a href="tel:15188886666">移动WEB页面JS一键拨打号码咨询功能</a>

2、打开这个网址链接的时候，就用这个链接#mp.weixin.qq.com
这样，微信里面的一键拨号功能就OK了

2. 短信

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

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

例如：

<a href="sms:10086">给 10086 发短信</a><br />
 <a href="sms:10086?body=cxye">给 10086 发送内容为"cxye"的短信</a><br />
 <a href="sms:10086,10010?body=cxye">给 10086 和 10010 发送内容为"cxye"的短信</a>

3. Mail 邮件

就和普通的html一样使用mailto

<a href="mailto:test1@163.com">mail</a> 
 <a href="mailto:test1@163.com,test2@126.com">mail</a> 
 <a href="mailto:test1@163.com?subject=Testing">mail</a> 
 <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>

其中<query>就是搜索的内容，你应用的名称

例子：

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

5. 地图定位GPS

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

例如：

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

6. js实现以上效果

以电话和短信为例：

html

<div class="navbar-list"> <a οnclick="phonetel()">电话</a></div> 
            <div class="navbar-list"> <a οnclick="phonesms()">短信</a></div>

<script>
    function phonetel(){    
        window.location.href = "tel:13866668888";
    }
        function phonesms(){    
        window.location.href = "sms:13866668888?body=我要订货";
    }
</script>

0 条评论