改变a链接的url

Posted 2021-01-02 fengyuzhen34

需求，a链接pc是客服；移动端是电话号码；

想法1：如果是a链接一个页面只有一个，写两套。做显示和隐藏就可以了。

想法2： 如果a链接有很多页面，是推广页面，只有一套代码实现pc和移动，这个用这个现在这个方法就比较合适。

想法3： 如果固定的版块。如企业网站，和移动端页面。这样分开布局比较好。

 

1获取对象，点击。判断pc的屏幕的宽，小于900就添加电话号码。

如果大于900就添加客服链接；

<script type="text/javascript">
$(".a_tel").click(function(){
var w = document.documentElement.scrollWidth || document.body.scrollWidth;
if(w<900){
$(this).attr("href","tel:[phone]");
}else{
$(this).attr("href","http://www41.53kf.com/webCompany.php?kf_sign=jkzMDMTUzMExNjEwNTUwMzkzMzY1MDAy&arg=10101905&style=1");
}

})

//判断移动和pc
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
alert(‘手机端‘)
}else{
alert(‘PC端‘)
}

</script>