HTML5调⽤⼿机发短信和打电话功能
前⾔
本来感觉⽤H5写调⽤电话拨号功能和功能会很不好写,后来通过实践得出,其实很简单的。
⾸先简单介绍⼀下业务功能,就是显⽰通讯录中的⼈员⽤户信息,然后分别点击相应的按钮来和拨通电话
正⽂
来看看HTML的关键代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公司通讯录</title>
html手机网站//⼀定要加的引⽤
<meta name="apple-mobile-web-app-capable" content="yes">
</head>
<body>
<header class="mui-bar mui-bar-nav" >
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" ></a>
<h1 class="mui-title">个⼈信息</h1>
</header>
<div class="mui-page-content" >
<div class="mui-scroll" >
<div class="mui-button-row" >
//发消息的关键代码href 个id 会在js中写出来
<a href="#" id="urls" >
<i class="iconfont icon-Group- " ></i> ;发消息 </a>
//拨号的关键代码href 个id 会在js中写出来
<a href="#" id="url" >
<i class="iconfont icon-dianhua iconback " ></i> ;打电话
</div>
</div>
</div>
</body>
</html>
//拨号的写法
//发短信的写法
代码精炼
<head>⾥⾯加上:
<meta name="format-detection" content="telephone=yes"/>
需要的地⽅:
<a href="tel:400-0000-688">400-0000-688</a>
发短信:
<a href="sms:186********">发短信</a>
结束
其实好多功能都不是特别难,只是不熟悉,软件开发就是不断的熟悉的过程。
到此这篇关于HTML5调⽤⼿机发短信和打电话功能的⽂章就介绍到这了,更多相关html5 发短信打电话内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章,希望⼤家以后多多⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论