JavaScript重定向URL参数的两种方法小结
这篇文章主要介绍的是JavaScript重定向URL参数的两种方法,下面话不多说,直接看示例代码。
一、字符拼接形式
functionsetUri(para,val){ varstrNewUrl=newString(); varstrUrl=newString(); varurl=window.location.href; strUrl=window.location.href; if(strUrl.indexOf("?")!=-1){ strUrl=strUrl.substr(strUrl.indexOf("?")+1);//获取参数 if(strUrl.toLowerCase().indexOf(para.toLowerCase())==-1){//如果没有找到参数,则直接赋值 strNewUrl=url+"&"+para+"="+val; window.location.href=strNewUrl; }else{ varaParam=strUrl.split("&"); for(vari=0;i<aParam.length;i++){ if(aParam[i].substr(0,aParam[i].indexOf("=")).toLowerCase()==para.toLowerCase()){ aParam[i]=aParam[i].substr(0,aParam[i].indexOf("="))+"="+val; } } strNewUrl=url.substr(0,url.indexOf("?")+1)+aParam.join("&"); window.location.href=strNewUrl; } }else{ strUrl+="?"+para+"="+val; window.location.href=strUrl; } }
二、利用正则
//使用正则 functionsetPara(para,val){ varnewpar=""; varurl=window.location.href; varpars=location.search.substring(1); varreg=newRegExp("(^|)"+para+"=([^&]*)(|$)"); if(reg.test(pars)){//有需要的参数para varp1=pars.split(para)[0];//productID=100857&count=1& varp2=pars.split(para)[1];//=75825&coupval=1.5&addressID=358&invoiceID=1245&invoiceName=jesse if(p2.indexOf("&")>-1){ varp3=p2.split("&")[0]; if(p3=="="+val+""){ returnfalse; } newpar=p1+para+'='+val+'&'+(p2.split(p3))[1]; }else{ if(p1){ newpar=p1+para+'='+val; }else{ newpar=para+'='+val; } } }else{ if(url.indexOf("?")==-1){ newpar=pars+"&"+para+"="+val; }else{ newpar=pars+"&"+para+"="+val; } } window.location.href=location.href.split('?')[0]+"?"+newpar; }
调用:
<script> window.onload=function(){ varbtn=document.getElementById("btnClick"); btn.onclick=function(){ //url地址:http://localhost:54714/testuri.aspx?productID=100857&count=1&coupresId=12785&coupval=1.5&openId=12456&addressID=358&invoiceID=&invoiceName= //setUri("coupresId",0); setPara("coupresId",0); } } </script> <inputtype="button"id="btnClick"value="重定义参数"/>
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。