javascript獲取url網(wǎng)址鏈接中參數(shù)的實例

當然，我們也可以用正則直接匹配，文章中也給出了一個正則的例子。

分解鏈接的方式：

<script type="text/javascript">
<!--
// 說明：Javascript 獲取鏈接(url)參數(shù)的方法
// 整理：http://www.vxbq.cn 

function getQueryString(name)
{
// 如果鏈接沒有參數(shù)，或者鏈接中不存在我們要獲取的參數(shù)，直接返回空
if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)
{
return '';
}

// 獲取鏈接中參數(shù)部分
var queryString = location.href.substring(location.href.indexOf("?")+1);

// 分離參數(shù)對 ?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>

用正則匹配的方式：

<script type="text/javascript">
<!--
function getQueryStringRegExp(name)
{
var reg = new RegExp("(^|?|&)"+ name +"=([^&]*)(s|&|$)", "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>

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈