HTML5调用手机发短信和打电话功能

前言

本来感觉用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>
    &
    nbsp;
    &
    nbsp;
    发消息&
    nbsp;
    &
    nbsp;
    /a>
    						//拨号的关键代码href 个id 会在js中写出来						a href="#" id="url" >
     						i class="iconfont icon-dianhua iconback " style="font-size: 18px;
    ">
    /i>
    &
    nbsp;
    &
    nbsp;
    打电话				/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>
    

结束

其实好多功能都不是特别难，只是不熟悉，软件开发就是不断的熟悉的过程。

到此这篇关于HTML5调用手机发短信和打电话功能的文章就介绍到这了,更多相关html5 发短信打电话内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！