移动html特殊链接:打电话,发短信,发邮件
2016-03-09 16:59
399 查看
如果需要在移动浏览器中实现拨打电话,调用sms,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。
采用url链接的方式,实现在Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。
在电话号码前面可以加上 + (加号)表示国际号码。如:
最常用WEB页面JS实现一键拨号的电话拨打功能
例子:
使用wtai协议进行拨打电话
如果是需要调用短信的接口,可以将链接写成下面的格式:
例如:
就和普通的html一样使用mailto
如果希望一个链接能够激活Android市场的功能,可以把链接写成:
其中<query>就是搜索的内容,你应用的名称
例子:
例如:
采用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>
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>
相关文章推荐
- html表单标签
- To remove HTML markup, use BeautifulSoup's get_text() function解决方案
- HTML编码
- html-琐碎知识点1
- HTML--9表单和验证事件
- HTML--8Window.document对象
- html 通用 遮罩弹出层 弹出后 支持跳转页面
- HTML---6 运算符,类型转换
- HTML--2图片热点,网页划区,拼接
- HTML--1标签表格
- html表格和列表标签
- 浏览器加载渲染网页过程解析--总结(转载)
- html判断IE版本
- [转载]html中DTD使用小结
- 对html字符进行转义和反转义---工具类StringEscapeUtils
- 网页特殊符号HTML代码大全
- 使用 Emmet 生成 HTML 的语法详解
- html超链接a标签的href跳转跟onclick之间执行关系
- 借助HTML分别禁用IE8, IE9的兼容视图模式(Compatibility View)
- html 标签