Javascript 擷取連結(url)參數的方法

方法1：將連結當作字串 ，按照連結的格式分解，然後擷取對應的參數值。
方法2：用正則直接匹配。
關鍵字：parameter 參數：location.href,url ,連結，javascript
方法1：
分解連結方式：

複製代碼 代碼如下:<script type="text/javascript">
function getQueryString(name)
{
// 如果連結沒有參數，或者連結中不存在我們要擷取的參數，直接返回空
if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)
{ return ''; }
// 擷取連結中參數部分
var queryString = location.href.substring(location.href.indexOf("?")+1);
// 分離參數對 ?key=value&key2=value2
var parameters = queryString.split("&");
var pos, paraName, paraValue;
for(var i=0; i<parameters.length; i++)
{
// 擷取等號位置
pos = parameters[i].indexOf('=');
if(pos == -1) { continue; }
// 擷取name 和 value
paraName = parameters[i].substring(0, pos);
paraValue = parameters[i].substring(pos + 1);
// 如果查詢的name等於當前name，就返回當前值，同時，將連結中的+號還原成空格
if(paraName == name)
{
return unescape(paraValue.replace(/\+/g, " "));
}
}
return '';
};
//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryString('test'));
//-->
</script>

方法2：
用正則匹配方式： 複製代碼 代碼如下:<script type="text/javascript">
function getQueryStringRegExp(name)
{
var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(http://www.jb51.net/file:///s:&%7C$)", "i");
if (reg.test(location.href))
return unescape(RegExp.$2.replace(/\+/g, " "));
return "";
};
//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryStringRegExp('test'));
</script>