分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

改变a链接的url

发布时间:2023-09-06 02:12责任编辑:郭大石关键词:url

需求,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

原文地址:https://www.cnblogs.com/fengyuzhen34/p/9559079.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved