改變a連結的url

標籤：擷取   比較   javascrip   網站   attr   推廣   idt   想法   頁面   

需求，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:400-9696-898");
}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>

 

改變a連結的url