移动设备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如何制作三角形旋转。

    在HTML中,我们无法直接制作三角形并进行旋转,我们可以使用CSS来实现这个效果,以下是一个简单的示例,展示了如何使用HTML和CSS创建一个旋转的三角形。 (图片来源网络,侵删) 我们需要创建一个HTML文件,如下所…

    2024年6月25日
    00
  • H5页面技术应该考虑什么样的用户体验。

    H5页面技术是一种高级网页技术,它相比H4技术,有更多的交互和功能,并在移动设备上支持多媒体。由于其形象、生动、低成本、高效率的特点,H5页面技术已经成为信息流通的最新主流手段之一。 然而,尽管H5页面在技术…

    2022年7月4日 建站资讯
    0131
  • 小编教你用html5如何能让照片移动到照片上。

    在HTML5中,我们可以使用CSS3的动画和过渡效果来实现照片的移动,以下是一个简单的示例,展示了如何使用HTML5和CSS3让照片移动。 (图片来源网络,侵删) 1、我们需要创建一个HTML文件,用于存放照片和一些基本的HT…

    2024年6月24日
    00
  • 聊聊html5开头空两格。

    在HTML中,我们无法直接控制文本的空格和缩进,有一些方法可以实现类似的效果,以下是两种常见的方法: (图片来源网络,侵删) 1、使用HTML的&nbsp;实体字符来创建空格,这种方法可以在任何需要空格的地方使用…

    2024年6月25日
    00
  • 小编教你html5怎么让图片居中。

    在HTML5中,我们可以使用CSS样式来控制图片的显示方式,包括将图片居中显示,以下是一些常用的方法: (图片来源网络,侵删) 1、使用margin: auto;属性 这是最简单的方法,只需要将图片的左右外边距设置为auto,就…

    2024年6月25日
    00
  • 小编分享html5开发网页怎么样。

    一、HTML5开发网页的优势 1、强大的功能:HTML5具有丰富的标签和属性,可以实现更多的网页功能,如视频播放、动画效果、地理定位等。 2、良好的兼容性:HTML5在不同浏览器上的兼容性较好,可以保证网页在各种设备上…

    2024年7月7日
    00
  • HTML5带来震撼 而你的企业网站还那么弱吗。

    不得不说,打开benz:奔驰的官方网站之后,眼前这个新颖大气的网站让我眼前一亮,这样一个动感十足,高端大气的网站是使用HTML5来编写的,明月H5平台是国内HTML5网站建设的知名品牌,下面就结合该平台的案例,带您领…

    2022年7月3日 建站资讯
    0105
  • 我来分享html5中如何写一条线条。

    在HTML5中,我们可以使用<canvas>元素和JavaScript来绘制一条线条。<canvas>元素是一个图形容器,它允许我们在网页上绘制2D图形,要使用<canvas>元素,首先需要在HTML文档中创建一个<canvas&g…

    2024年6月24日
    00

联系我们

QQ:951076433

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