今天有一童鞋过来问如何在HTML页面中,添加拨打电话号码的的功能。我个人没做过此类的功能,也有点疑惑,就百度了一下查了点资料,发现非常的简单,写个教程记录一下。

html拨打电话和发送短信功能的实现方法

HTML拨打电话的功能代码

方法1:

HTML中可以使用A标签的形式加入一键拨号的功能,此功能适苹果手机系统和安卓手机系统

代码如下:

<a href="tel:12345678900">联系我</a>

注意:代码的 12345678900 表示的是手机号码,可以换成你自己的号码

方法2:

第二种方法和上面有类似,但他的写法比较标准,但不能适配所有的移动设备

<a href="wtai://wp/mc;12345678900">联系我</a>

注:以上代码中的 12345678900 表示的是被拨打的手机号,可以换成自己的号码

HTML发送短信的功能代码

HTML发送短信的功能和拨打电话的功能代码类似,同样使用A标签的使用

示例1:

<a href="sms:12345678900">给我发短信</a>

注:12345678900 为短信接受方的号码

示例2:

HTML也可以发送自定义好内容的短信,如以下代码

<a href="sms:12345678900?body=欢迎访问我的博客:飞鸟慕鱼博客">发送短信</a>

注:

1、SMS后面紧跟的是手机号码

2、body:表示自定义好的短信内容