Copy code<a href="tel:10086">拨打电话</a>
在上面的代码中,tel:10086 就是指定的电话号码,用户点击按钮后,就会直接拨打 10086 这个电话号码。
注意,这种方式只能在移动端使用,PC 端浏览器不会响应这个链接。
场景:我们h5的页面,有个拨打电话的按钮或者图标,当我们点击的时候,会唤起一个确认拨打电话号码的弹窗,点击呼叫即可拨打号码。 那如何用h5来实现呢,请听以下分解: 第一步:head添加meta,添加两个属性和值name="format-detection"和content=“telephone=yes”, 如: 第二步:添加a标签,属性href=“tel:[电话号码]”,如: 仅需两步就可以完美实现拨打电话功能。 注:如果在app中无法唤起,请不要着急: 让android和app检查以下app里是否禁掉了前端拨打电话功能。在移动端页面开发中,偶尔会需要唤起用户手机的打电话功能,拨打客服电话,此时我们可以按照以下操作实现打电话功能:
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