学做网站培训课程介绍

当前位置:

jQuery获取url并替换url参数(有则替换,没有则增加)

我们在做网站的多条件筛选功能时,经常需要通过获取URL里的参数值进行查询。在多条件筛选时,有多个参数值,不同的选择将传递不同的参数,这时我们需要进行参数的判断,如果URL有对应的参数就替换新值,如果没有就增加这个参数。

通过JQUERY获取url并替换url参数的方法就可以使用以下的代码来实现:


<script>
var url = document.location.href; //当前url
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return decodeURI(r[2]); return null; //返回参数值
}

jQuery('.nyhousescreenB a').on('click',function () {
//需要在HTML的a标签上加data-key="tese" data-value="'.$value.'"
var name= this.dataset.key;
var vals = this.dataset.value;
var par = name+'='+vals;
if (getUrlParam(name) == null)
location.href = url + (url.indexOf("?") > 0 ? "&" : "?") + par;
else
location.href = url.replace(eval('/(' + name + '=)([^&]*)/gi'), par);
});

</script>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站时,有些网页只是暂时性的展示提示信息,只要信息展现之后,就没有再显示的必要。这时,就需要它在指定时间内自动关闭。例如:我们点击一个
  • 在做网站时, 往往需要通过JS或jquery代码来获取指定元素的父级、同级、子元素,然后进行控制。下面介绍一下JS与jquery获取父级、同级、子元素的方法
  • 我们知道,网站上有很多的超链接,是使用A标签进行书写的。A标签的链接地址就是写在HREF里面。但是某些情况下,虽然HREF里已经写了链接地址,但我们想
  • 对于一些素材类网站,用户浏览了某个素材之后,比较感兴趣,为了方便下次浏览,往往会把喜欢的素材添加到收藏夹里。这时我们可以制作这样的收藏夹功能
  • 一些网站的栏目比较多,例如在制作门户网站时,如果想在一个页面上显示更多的内容又不增加页面篇幅,特别有效的方法就是使用tab标签切换来显示。效果
  • 什么是JQUEYR 链式操作JQUEYR链式操作简单的说就是通过JQUEYR代码控制不同的样式,可以将代码写在一起,这样可以节省代码量,将完成不同功能的代码写
  • JS eval函数作用是什么 (1798 次浏览)
    我们自己做网站时,经常在代码里看到JS eval函数,很多新手不太明白JS eval函数的作用是什么,在什么情况下使用JS eval函数。下面学做网站论坛就来介
  • 做网站时,form表单是使用submit()提交的,但是要实现无刷新的提交,当然无刷新提交数据,ajax肯定可以完成,但是由于代码已经很成熟,都是使用form提
  • 我们自己做网站时,有时希望第一次打开某个页面时,弹出一个窗口,以后再打开页面时,就不显示这个弹窗了。实现这样的效果就需要使用JS,通过JS可以实
  • 近期,有客户联系学做网站论坛开发代建网站,其中有一个要求,就是自动计算某个值的总和。实现这样的需求有二种方法,一种是使用PHP直接将输出的值计