jquery mobile实现拨打电话功能的几种方法


Posted in Javascript onAugust 05, 2013

如果需要在移动浏览器中实现拨打电话,发送email,调用sns等功能,jquery mobile提供的接口是一个好办法。

采用url链接的方式,实现在safari ios,android 浏览器,webos 浏览器,塞班浏览器,ie,operamini等主流浏览器,进行拨打电话功能。

1.最常用的方式:

<a href="tel:+120">报警!</a>

在拨号界面,显示号码,并提示拨打。

支持大部分的浏览器,但是在qq浏览器上支持不好。

2、自动探测电话号码

如果要支持safari for ios ,blackberry browser的号码,需要加上一下标签:

<meta name="format-detection" content="telephone=no"> 
<meta http-equiv="x-rim-auto-match" content="none">

3.使用wtai协议进行拨打电话。

在wml中可以调用设备的wtai函数来呼叫特定的电话号码。目前,越来越多的浏览器都支持这个功能,但还不是所有。

代码如下所示:

<input name="phone_no" format="*m" value="13"/> <do type="option" label="呼出号"> <go href="wtai://wp/mc;$(phone_no)"/> </do><br/> 或者直接写入电话号码的方式: <a href="wtai://wp/mc;1331597312*">拨打电话</a>

实例:
<a href="wtai://wp//mc;10086">拨打10086 </a>  <a href="wtai://wp/ap;10086;">将10086存储至电话簿 </a>  <a href="sms:10086">发短信到10086 </a>

建议采用这个方式。

4、还有一种方式:

<a href="dc:5040*0077">拨打热线</a>

经过测试,大部分浏览器都不支持 了。
Javascript 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
angularJS 中$attrs方法使用指南
Feb 09 Javascript
javascript下拉框选项单击事件的例子分享
Mar 04 Javascript
JavaScript中常见获取元素的方法汇总
Mar 04 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
在JavaScript中对HTML进行反转义详解
May 18 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
微信小程序如何使用云开发
May 17 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 #Javascript
javascript显示用户停留时间的简单实例
Aug 05 #Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
Aug 05 #Javascript
JS字符串处理实例代码
Aug 05 #Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 #Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 #Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 #Javascript
You might like
如何在PHP中使用Oracle数据库(6)
2006/10/09 PHP
PHP根据两点间的经纬度计算距离
2014/10/31 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
JS常用字符串方法(推荐)
2021/01/15 Javascript
AngularJS表达式讲解及示例代码
2016/08/16 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
[50:29]2014 DOTA2华西杯精英邀请赛 5 24 DK VS iG
2014/05/26 DOTA
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
python处理按钮消息的实例详解
2017/07/11 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
Python的Tqdm模块实现进度条配置
2021/02/24 Python
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
儿科护理实习自我鉴定
2013/09/19 职场文书
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
教室布置标语
2014/06/26 职场文书
停电放假通知
2015/04/14 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
电力培训学习心得体会
2016/01/11 职场文书
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python
python使用pycharm安装pyqt5以及相关配置
2022/04/22 Python