实例详解JavaScript获取链接参数的方法
使用url传递参数,大家应该不陌生,例如:
http://www.softwhy.com/home.php?mod=space&do=home&view=all
既然传递参数,那么自然就要获得传递的参数,当然获取参数的方式有多种多样,下面就介绍其中的一种,和大家一起分享,希望能够给大家带来一定的帮助,代码如下:
varurl="http://www.softwhy.com/home.php?mod=space&do=home&view=all"; if(url.indexOf("?")!=-1) { varstr=url.substr(url.indexOf("?")+1); strs=str.split("&"); for(i=0;i<strs.length;i++) { alert(strs.length); alert(strs[i].split("=")[0]); alert(strs[i].split("=")[1]); alert(strs[i].split("=")[0],'=',strs[i].split("=")[1],'<br>'); } }
在以上链接中:
1.strs.length的长度是3。
2.strs[0].split("=")[0]是mod,strs[0].split("=")[1]是space。
3.strs[1].split("=")[0]是do,strs[1].split("=")[1]是home。
后面的依次类推。
下面给大家分享3种JS获取地址栏参数的代码实例
有时候,我们需要获取静态页面的地址栏参数值,用JS是最简便的方法了,以下收集了三种用javaScript获取地址栏参数的函数代码,比较好用,下面一一与大家分享代码:
JS获取地址栏字符串参数,方法一:
<scripttype="text/javascript"> Request={ QueryString:function(item){ varsvalue=location.search.match(newRegExp("[\?\&]"+item+"=([^\&]*)(\&?)","i")); returnsvalue?svalue[]:svalue; } } alert(Request.QueryString("id")); </script>
JS获取地址栏字符串参数,方法二:
<scripttype="text/javascript"> varURLParams=newArray(); varaParams=document.location.search.substr().split('&'); for(i=;i<aParams.lengthi++){ varaParam=aParams.split('='); URLParams[aParam[]]=aParam[]; } //获取传过来的name参数: name=URLParams["name"]; </script>
JS获取地址栏字符串参数,方法三:
<scripttype="text/javascript"> functiongetvalue(name) { varstr=window.location.search; if(str.indexOf(name)!=-) { varpos_start=str.indexOf(name)+name.length+; varpos_end=str.indexOf("&",pos_start); if(pos_end==-) { returnstr.substring(pos_start); } else { returnstr.substring(pos_start,pos_end) } } else { return"没有这个name值"; } } varstrName=prompt("请输入您所要值的名字"); alert(getvalue(strName)); </script>
这三种方法使用的内核都不一样,请根据自己的程序要求自行选择使用。