移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程

最近在寻找手机网页调用系统短信发送短信的功能,用于分享和发送信息。找了一圈,找到了,这里分享出来,记录一下!

如果需要在移动浏览器中实现拨打电话,调用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)给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>
2)给test1@163.com发送主题为“testing”的邮件:
<a href="mailto:test1@163.com?subject=Testing">mail</a>
2)给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>

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

例子:

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

5. GPS地图定位

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

例如:

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

 

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/1132.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2016年7月7日 00:00
下一篇 2016年7月13日 00:00

相关推荐

  • HTML 5.2有哪些新特性。

    原生的 <dialog> 元素 在 HTML 5.2 的所有变化里我感到最为激动的就是引入了 <dialog> 元素,实现了浏览器原生的对话框。对话框在 web 开发中非常常见,但是现在每个实现都不太一样。另一方面,实现...

    2022年7月4日 建站资讯
    0140
  • 分享html5如何设置右边线。

    在HTML5中,我们可以使用CSS来设置元素的边框样式,包括右边线,以下是详细的技术教学: (图片来源网络,侵删) 1、我们需要了解CSS中的边框属性,边框属性包括以下几个部分: borderwidth:定义边框的宽度。 bo...

    2024年6月25日
    02
  • 小编教你如何html5搭建网站源码。

    HTML5是最新的HTML标准,它提供了许多新的功能和特性,使得开发者可以更加方便地搭建网站,在这篇文章中,我将详细介绍如何使用HTML5搭建网站源码。 (图片来源网络,侵删) 1、环境准备 你需要一个文本编辑器来...

    2024年6月25日
    02
  • 说说html5如何改变图片大小。

    HTML5 提供了多种方法来改变图片大小,包括使用 CSS 样式、HTML 属性等,以下是一些常用的方法: (图片来源网络,侵删) 1、使用 CSS 样式 可以使用 CSS 样式来控制图片的大小,在 HTML 中,可以使用 <img&gt...

    2024年6月24日
    01
  • 教你html的代码大全。

    HTML代码,全称为超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言,它使用一系列预定义的标签来描述网页的内容和结构,使得浏览器能够正确地显示和呈现这些内容,HTML代码是网页...

    2024年6月28日
    01
  • HTML5网站优点和缺点有哪些。

    如今HTML5网站堪比流星,但是我们还需要对HTML5有一个全面的认识,广州卡密网络根据多年的网站建设经验总结出关于HTML5的优缺点:   总结概括HTML5有以下优点: 1、提升了可用性和改善用户的友好体验 2、有几个...

    2022年7月3日
    0114
  • 教你html的iframe标签属性怎么设置。

    您可以使用以下属性设置HTML的iframe标签:src、width、height、frameborder、scrolling、marginwidth和marginheight。 HTML的<iframe>标签用于在当前HTML文档中嵌入另一个HTML页面,通过设置不同的属性,...

    2024年7月23日
    02
  • 教你html5如何让图片有立体感。

    在HTML5中,要让图片具有立体感,可以使用CSS3的3D变换功能来实现,以下是一些常用的方法和步骤: (图片来源网络,侵删) 认识CSS中的3D特性 CSS3引入了强大的3D变换功能,允许开发者对页面元素实现三维空间内的...

    2024年6月25日
    01

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息