H5页面唤起手机拨打电话（拨号）

html-css04

H5页面唤起手机拨打电话（拨号）,第1张

在移动端页面开发中，偶尔会需要唤起用户手机的打电话功能，拨打客服电话，此时我们可以按照以下操作实现打电话功能：

1）index.html在<head></head>中加入这一段：

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

2）js中设置点击事件：

window.location.href = 'tel:4000-000-000'

或者直接使用：

<a href="tel:4000-000-000">拨打电话</a>

若涉及到发送短信可以设置：

// 添加内容

window.location.href = 'sms:10086?body=短信内容'

// 不添加内容

window.location.href = 'sms:10086'

或者：

<a href="sms:10086">发送短信</a>

<a href="sms:10086?body=短信内容"></a>

文章参考： https://blog.csdn.net/Boale_H/article/details/108582436

这样写：<a href="tel:123456789">拨号</a>

HTML 运行在手机浏览器上的可以调用手机的拨号就是你想要拨打的电话号码在页面中看到“拨号”的字样，点一下，就会自动跳到拨打电话的页面啦。这种方式塞班、安卓与iphone都支持。

例如：

<a href=”javascript:phone('+phone+') ”>拨打电话</a>

function phone(date)

{

window.location.href = 'tel://' + date

}

用html制作可以拨打电话的链接其实是一个简单的程序可以试着写一些简单的。