Rumah > Artikel > hujung hadapan web > html5开发手机打电话发短信功能代码实例分享
html5开发手机打电话发短信功能代码实例分享
- 黄舟asal
- 2017-03-17 16:13:555921semak imbas
在很多的手机网站上，有打电话和发短信的功能，对于这些功能是如何实现的呢。其实不难，今天我们就用html5来实现他们。简单的让你大开眼界。
HTML5 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这...有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等,帮助你提高开发效率的同时，还带来了更炫的功能。好了，我们今天就来做一做看看效果吧！！
看代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>伪专家html5开发法短信功能</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<p data-role="page">
<p data-role="header" data-position="fixed">
<h1>伪专家html5开发打电话、发短信功能</h1>
</p>
<p data-role="content">
<p><b>如有疑问：请加qq群135430763，共同学习！！！</b></p>
<p><b>如有疑问：请加qq群135430763，共同学习！！！</b></p>
<p><a href="sms:10086?body=短信内容" data-role="button" data-theme="a">测试发短信</a></p>
<p><a href="tel:10086" data-role="button" data-theme="a">测试打电话</a></p>
</p>
<p data-role="footer" data-position="fixed">
<h1>伪专家html5开发打电话、发短信功能</h1>
</p>
</p>
</body>
</html>手机截图：
Atas ialah kandungan terperinci html5开发手机打电话发短信功能代码实例分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：在HTML5中如何提高网站前端性能的示例代码分析Artikel seterusnya：HTML5音乐可视化代码详解