学做网站培训课程介绍

当前位置:

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>

发表评论

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

相关教程

  • 现在很多网站都有这样的功能,就是数字从零一直渐增最后达到指定的数字。这个功能的实现在学做网站论坛前面的建站教程中也讲到了怎么制作。通常情况
  • 一些单页网站会有不断循环显示不同信息的功能,隔几秒就会显示一个显示,显示几秒后又消失,然后再显示另一个信息,以此往复。怎么做这种功能呢?这
  • 现在很多的网站上会有数字展示,为了让效果看起来更加高大上,会让这些数字变化展示,数字翻滚计数到指定数字。效果如下图:下面介绍一下这种动态数
  • 有些网站的导航菜单的高度随着网页下拉变化,并且将网页恢复到顶部时,高度又恢复。效果如下图:怎么实现这样的导航栏高度随着网页拖动变化呢?这就
  • 对于一些数据,我们经常使用TABLE表格来汇总,这样可以看起来更清楚。通常我们可以在表格的最底部显示一下整个表格的值总和。如下图:对于这样的有
  • 网站提交数据常用的方法是使用FORM表单,使用FORM表单提交比较固化,在有些情况下使用比较麻烦。取而代之的是使用JQuery的$.post()函数进行无刷新提交
  • 在制作网站表单时,有时需要让用户填写日期和时间,为了方便用户填写,我们会在INPUT填写框下面提供下拉选择日期时间的选择器,这样用户不用手动填写
  • 我们常用click()来绑定点击事件,但当我们要执行的元素是通过JQUERY生成的时候,就会出现点击无效的情况。下面介绍一下解决JQUERY点击事件无效的方法
  • 在做网站时,有些网页只是暂时性的展示提示信息,只要信息展现之后,就没有再显示的必要。这时,就需要它在指定时间内自动关闭。例如:我们点击一个
  • 在做网站时, 往往需要通过JS或jquery代码来获取指定元素的父级、同级、子元素,然后进行控制。下面介绍一下JS与jquery获取父级、同级、子元素的方法