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="重定义参数"/>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。