HTML5調(diào)用手機發(fā)短信和打電話功能

2020-05-21 17:00:19 來源：互聯(lián)網(wǎng)作者：佚名 人氣： 次閱讀 91 條評論

文章主要介紹了HTML5調(diào)用手機發(fā)短信和打電話功能,本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下前言本來感覺用H5寫調(diào)用電話撥號功能和發(fā)送短信功能會很不好寫...

文章主要介紹了HTML5調(diào)用手機發(fā)短信和打電話功能,本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下

前言

本來感覺用H5寫調(diào)用電話撥號功能和發(fā)送短信功能會很不好寫，后來通過實踐得出，其實很簡單的。
首先簡單介紹一下業(yè)務(wù)功能，就是顯示通訊錄中的人員用戶信息，然后分別點擊相應(yīng)的按鈕來發(fā)送短信和撥通電話

在這里插入圖片描述

正文

來看看HTML的關(guān)鍵代碼

<!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%;">
????????????????????//發(fā)消息的關(guān)鍵代碼href 個id 會在js中寫出來
????????????????????????<a href="#" id="urls" > 
????????????????????????????<i class="iconfont icon-Group- " style="font-size: 18px;"></i>&nbsp;&nbsp;發(fā)消息&nbsp;&nbsp;</a>
????????????????????????//撥號的關(guān)鍵代碼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:' +具體的電話號碼;
????????????//發(fā)短信的寫法
????????????document.getElementById("urls").href = 'sms:' + 具體的電話號碼;

代碼精煉

<head>里面加上：

<meta name="format-detection" content="telephone=yes"/>

需要撥打電話的地方：

<a href="tel:400-0000-688">400-0000-688</a>

發(fā)短信：

<a href="sms:18688888888">發(fā)短信</a>

結(jié)束

其實好多功能都不是特別難，只是不熟悉，軟件開發(fā)就是不斷的熟悉的過程。

到此這篇關(guān)于HTML5調(diào)用手機發(fā)短信和打電話功能的文章就介紹到這了,更多相關(guān)html5 發(fā)短信打電話內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章