微信H5网站与手机网页模板中添加拨打电话和发送短信功能的方法

时间:2021-11-24
类别:教程 - 网页设计

在微信H5网站制作与手机网页制作中常需要使用一键拨号的拨打电话和发送短信功能,本篇将通过简单的代码来实现一键拨号的拨打电话和发送短信功能,支持在主流浏览器进行一键拨打电话和发短信的功能。

1.最常用手机网站页面JS实现一键拨号的电话拨打功能:

  1. <p><a href="tel:4009213900">一键拨号</a></p> 

一键拨号

点击链接后,自动跳转到拨号界面,显示号码,并提示拨打。

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

2.最常用手机网站html5实现一键发送短信功能:

  1. <p><a href="sms:4009213900">发送短信咨询</a></p> 

发送短信咨询

点击后,跳转到短信信息录入界面,收件人为网页中填写的号码,录入短信后可直接点击发送。

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

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

代码如下所示:

  1. <p><a href="wtai://wp/mc;4009213900">拨打电话</a> &nbsp;</p> 
  2. <p><a href="wtai://wp/ap;4009213900;">将电话号码存储至电话簿 </a></p> 

实例:

拨打电话  

将电话号码存储至电话簿

    收藏