做手机H5页面的时候经常会碰到在某一个页面会显示一个手机号,坑爹的产品会说你点击一下能不能让手机弹出号码,然后拨打出去,我试了试各种百度来的方法都是失败的,比如下面的这个:
<a href="tel:10086">10086</a>
还有下面的这个:
<a href="wtai://wp//mc;10086">10086</a> <a href="wtai://wp/ap;10086;">10086</a>
我就想说我为什么用了这些方法都不好使呢。手机按了半天都是提示错误。然后我就想了个扭曲的办法,其实和上面这些标签的道理是一样的,就是用javascript控制打电话:
在html中,把手机号传到一个js方法中:
<span onclick="callphone('10086');"> 联系每个月都要花钱的大哥,对,就是10086 </span>
在javascript中,用jquery的方法
<script> function callphone(tel){ window.location.href = "tel:"+tel; } </script>
间接的转化了a标签,试了一下就成功了,如果有小伙伴碰到这些问题可以变换一下思路。
by as