H5调用手机发短信和打电话功能
前言
本来感觉用H5写调用电话拨号功能和发送短信功能会很不好写，后来通过实践得出，其实很简单的。
首先简单介绍一下业务功能，就是显示通讯录中的人员用户信息，然后分别点击相应的按钮来发送短信和拨通电话
正文
来看看 HTML的关键代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>公司通讯录</title>//一定要加的引用<meta name="apple-mobile-web-app-capable" content="yes"></head><body><header class="mui-bar mui-bar-nav" style="background-color: #ffffff;"><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #000000;font-size: 25px;"></a><h1 class="mui-title">个人信息</h1></header><div class="mui-page-content" ><div class="mui-scroll" style="background-color: #FFFFFF;"><div class="mui-button-row" style="margin-bottom: 40%;margin-top: 10%;">//发消息的关键代码href 个id 会在js中写出来<a href="#" id="urls" > <i class="iconfont icon-Group- " style="font-size: 18px;"></i> 发消息 </a>//拨号的关键代码href 个id 会在js中写出来<a href="#" id="url" > <i class="iconfont icon-dianhua iconback " style="font-size: 18px;"></i> 打电话</div></div></div></body>
</html>
//拨号的写法document.getElementById("url").href = 'tel:' +具体的电话号码;//发短信的写法document.getElementById("urls").href = 'sms:' + 具体的电话号码;
代码精炼
<head>里面加上：
<meta name="format-detection" content="telephone=yes"/>
需要拨打电话的地方：
<a href="tel:400-0000-688">400-0000-688</a>
发短信：
<a href="sms:18688888888">发短信</a>
结束
其实好多功能都不是特别难，只是不熟悉，软件开发就是不断的熟悉的过程。
H5调用手机发短信和打电话功能相关推荐
- iOS 调用系统发短信以及打电话功能
先介绍一种最简单的方法: 调用打电话功能 [[UIApplicationsharedApplication] openURL:[NSURL URLWithString:@"tel://100 ...
- Android studio 实现打电话发短信浏览网页功能 android开发小实验
Android studio 实现打电话发短信浏览网页功能 android开发小实验 目标: android studio 实现打电话 发短信 浏览网站的功能 先在布局里面定义几个按钮 分别为 打电话 ...
- 使用 twilio + python 给你的手机发短信
目的:使用 twilio 给你的手机发短信. Twilio是一个位于加利福尼亚的云通信 (PaaS) 公司.Twilio 允许开发者通过使用它提供的 API 进行编程来接电话,收发短信等. 先来看一下 ...
- java向硬件发送信息_如何用电脑控制手机发短信 用JAVA 通过USB口
http://download.csdn.net/source/134522 可以去这里下载一个研究研究 ----------------------------------------------- ...
- 计算机发布信息的方法,介绍两种用电脑给手机发短信的方法
发现还有很多电脑的新手朋友,还不知道原来电脑是可以给手机发短信的,下面将针对"如何用电脑给手机发短信"这一主题给大家详细讲解下怎么利用电脑给手机发短信的方法,感谢兴趣的朋友,可以认 ...
- 使用python代码给手机发短信详解（twilio的使用）
☞☞☞点击查看更多优秀Python博客☜☜☜ 使用python代码给手机发短信详解 twilio网页注册 实现代码 效果演示 ==**文章导航:==** 使用python代码给手机发送短信,在这里给大 ...
- iOS调用系统发短信功能详解
iOS调用系统的发短信功能可以分为两种:1,程序外调用系统发短信.2,程序内调用系统发短信.第二种的好处是用户发短信之后还可以回到app.这对app来说非常重要. 程序外调用系统发短信 这个方法其实很 ...
- 苹果手机显示已用短信服务器发送,有iPhone手机发短信失败？很多人都不知道是这个功能在捣鬼！...
原标题:有iPhone手机发短信失败?很多人都不知道是这个功能在捣鬼! 对于苹果的 iPhone 手机,有时候用户会在发短信时遇到问题,比如发不出去,发送失败的情况.在 iPhone 上发信息时有二种 ...
- 免费发短信 KC2007 新鲜功能预报
免费发短信 KC2007 新鲜功能预报 据悉,经过KC团队四个多月的辛勤工作,KC2007 beta1即将登场!此次版本在原有KC2005 SP3的基础上进行了全方位的提升与优化,该版本的面市,标志着 ...
最新文章
- 说说CSRF的***
- Java设计模式(代理模式-模板方法模式-命令模式)
- centos安装后两个启动项、_centos8的启动项配置
- python基本语法语句-Python基本语句
- Javascript设置cookie和获取cookie
- 利达主机联网接线端子_门禁主机接门锁和开门按钮方法
- 【Linux】一步一步学Linux——groups命令(93)
- python中__init__方法_关于python中__init__方法理解
- xp系统如何使两台计算机共享,xp系统共享文件,两部电脑共享文件方法
- Google AI 的焦虑：拆分搜索和人工智能部门
- 线性电阻软件的伏安特性曲线测试,线性电阻和非线性电阻的伏安特性曲线
- AddressBook获取用户信息
- 好用的 Puppeteer 辅助工具 Puppeteer Recorder
- 如何查看直播间在线人数？观看软件数据分析
- 优秀的项目跟踪管理软件有哪些？
- 程序员职业发展路线图（完整版+珍藏版）
- SpringBoot配置websocket
- 【DIY】打造一个六足蜘蛛机器人
- Fedora安装 win7 32b 安装fedora x64 dvd
- CSC Matrix