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 相关文章推荐
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
js使用ajax传值给后台,后台返回字符串处理方法
Aug 08 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
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
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
php获得网站访问统计信息类Compete API用法实例
2015/04/02 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
使用JS读秒使用示例
2013/09/21 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
Active控件问题小结(附解决办法)
2016/06/09 Javascript
AngularJS表单和输入验证实例
2016/11/02 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
vue中component组件的props使用详解
2017/09/04 Javascript
react build 后打包发布总结
2018/08/24 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
JQuery基于FormData异步提交数据文件
2020/09/01 jQuery
JS继承实现方法及优缺点详解
2020/09/02 Javascript
js实现滚动条自动滚动
2020/12/13 Javascript
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
python数据清洗系列之字符串处理详解
2017/02/12 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
自考毕业生自我鉴定
2013/11/04 职场文书
副董事长岗位职责
2014/04/02 职场文书
大二学生自我检讨书
2014/10/23 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python