今天碰到了要求手机点击页面电话号码,会自动弹出拨打电话的功能,原以为很复杂,结果没想到意外的简单,还了解到了同类的一些应用方法

点击号码呼出及保存

调出拨号界面(电脑端无法显示效果,手机端才能看到)

  1. 方式一 使用wtai协议进行拨打电话(不常用)
    塞班与安卓上支持,iphone不支持

    1
    <a href=”wtai://wp/mc;135xxxxxxxx ”>点击拨打135xxxxxxxx </a>

    iphone支持

    1
    <a href=”callto:135xxxxxxxx ”>点击拨打135xxxxxxxx </a>

    这种方式拨打电话只在塞班与安卓上支持,而iphone是不支持的。

  2. 方式二(常用)

    1
    <a href=”tel:135xxxxxxxx ”>点击拨打135xxxxxxxx </a>

    这种方式塞班、安卓与iphone都支持

注:在电话号码前面可以加上 + (加号)表示国际号码。

在android的浏览器中,如果电话号码是 XXX-XXX-XXXX的型式的话,用户点击的时候,拨号面板不用上述方式也会激活,但是如果不是这一特定的格式,那么拨号功能就需要这般手动激活。

调出保存电话号码界面

1
<a href=”wtai://wp/ap;135xxxxxxxx”>点击存储135xxxxxxxx</a>

点击网页上显示的邮箱号码发送邮件

1
2
3
4
5
<a href=”mailto:xx@zhudongdong.cn”>邮箱</a>

<form action="mailto:sample@163.com"></form>

mailto后跟的是收信人。

可使用参数

  1. to 收信人
  2. suject 主题
  3. cc 抄送
  4. bcc 暗抄送
  5. body 内容

参数传递方式同页面之间传递值一样,可以使用查询字符串,也可以用form
querystring方式:

1
<a href="mailto:sample@163.com?subject=test&cc=sample@hotmail.com&body=use mailto sample">send mail</a>

form方式

1
2
3
4
5
<form name='sendmail' action='mailto:sample@163.com'>
<input name='cc' type='text' value='sample@hotmail.com'>
<input name='subject' type='text' value='test'>
<input name='body' type='text' value='use mailto sample'>
</form>

两种方式同样传递所有参数。

用鼠标单击一下该超级连接的话,浏览器会自动调用系统默认的邮件客户端程序,同时按照设定好的变量值,如subject、cc等,在邮件客户端中自动填入设定好的值。

发送至多个地址

如果你要将邮件发送到多个邮箱,可以使用分号”;”隔开,如下所示:

1
<a href="mailto:sample@163.com;abc@qq.com?subject=test&cc=sample@hotmail.com&body=use mailto sample">send mail</a>

发送内容换行

如果想使邮件内容(变量body对应的变量值)换行,则直接加上
标签,如下所示:

1
2
3
4
5
6
7
<a href="mailto:sample@163.com?subject=test&cc=sample@hotmail.com&body=use<br>mailto sample">send mail</a>
```
### 点击发送短信
```html
<a href="sms:10086?body=message_body">给 10086 发送内容为"message_body"的短信</a>

<a href="sms:12345678,98765432?body=hello">给12345678和98765432发送内容为"hello"的短信</a>

传参方式参考邮件

点击发送地图定位GPS

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

例如:
<a href="geopoint:116.281469,39.866035">我的位置</a>

下载图片等文件

1
<a href="img/WC.png" download="WC.png">下载图片</a>

href中只需要放上图片的链接,只需要这样你就可以点击下载图片这个文字时能直接下载对应的图片。如果是其他格式的文件,你只需要更改download="filename"里面的filename即可,如:

1
<a href="public/jym_apk_1.0.zip" download="jym_apk_1.0.zip">下载apk</a>

激活应用市场或在某个网站搜索内容

1
2
3
4
5
6
7
8
<a href="market://search?q=MyApp">Android Market link</a>  //激活Android市场并在其中搜索MyApp

<a href="http://store.ovi.com/content/iPhone">Nokia Market link</a> //激活诺基亚Nokia应用市场并在其中搜索iPhone

<a href="http://marketplace.windowsphone.com/details.aspx?appId=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx">windowsphone</a> //微软的应用市场,其中 xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx 指的是应用的ID

<a href="http://appworld.blackberry.com/webstore/content/XXXXX">blackberry</a> //黑莓的应用市场
<a href="http://appworld.blackberry.com/webstore/vendor/XXXX">MyApp</a> //黑莓的应用市场作者页面的URL,XXXX是指作者的ID

激活聊天工具并作出动作

  1. Yahoo Messager
    [动作]有:addfriend, sendIM, call
    1
    2
    3
    <a href="ymsgr:[动作]?[用户名]&m=[消息]">Yahoo Messager</a>

    <a href="ymsgr:sendIM?my.account@yahoo.com">给my.account@yahoo.com发消息</a>
  2. Windows Messager (MSN)
    [动作]有:chat (聊天), add (添加成联系人), voice (语音), video (视频)
    1
    2
    3
     <a href="msnim:[动作]?contact=[用户名]">Windows Messager</a>

    <a href="msnim:chat?contact=my.account@hotmail.com">MSN</a>
  3. QQ客服在线聊天
    1
    <a href="mqqwpa://im/chat?chat_type=wpa&uin=229890321&version=1&src_type=web&web_src=http://m.haishiit.com/">QQ客服:229890321</a>
    参考来源:
    a标签属性href中的tel及mailto用处
    在mobile手机上通过网页拨打电话及存储号码
    点击网页上的手机号码直接拨打电话(针对手机端)
    发送邮件
    移动端a标签的妙用(拨号、短信、邮件等)
    移动端网页站点调用拨打电话发送短信等功能
× 请我吃糖~
打赏二维码