實例詳解JavaScript取得連結參數的方法_javascript技巧

使用url傳遞參數，大家應該不陌生，例如：

http://www.softwhy.com/home.php?mod=space&do=home&view=all

既然傳遞參數，那麼自然就要獲得傳遞的參數，當然獲取參數的方式有多種多樣，下面就介紹其中的一種，和大家一起分享，希望能夠給大家帶來一定的幫助，代碼如下:

var url="http://www.softwhy.com/home.php?mod=space&do=home&view=all";
if(url.indexOf("?")!=-1) 
{
var str=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取得網址列字串參數，方法一：

<script type="text/javascript">
Request = {
QueryString : function(item){
var svalue = location.search.match(new RegExp("[\&#63;\&]" + item + "=([^\&]*)(\&&#63;)","i"));
return svalue &#63; svalue[] : svalue;
}
}
alert(Request.QueryString("id"));
</script>

JS取得網址列字串參數，方法二：

<script type="text/javascript">
var URLParams = new Array();
var aParams = document.location.search.substr().split('&');
for (i=; i < aParams.length i++){
var aParam = aParams.split('=');
URLParams[aParam[]] = aParam[];
}
//获取传过来的name参数：
name=URLParams["name"];
</script>

JS取得網址列字串參數，方法三：

<script type="text/javascript">
function getvalue(name)
{
var str=window.location.search;
if (str.indexOf(name)!=-)
{
var pos_start=str.indexOf(name)+name.length+;
var pos_end=str.indexOf("&",pos_start);
if (pos_end==-)
{
return str.substring(pos_start);
}
else
{
return str.substring(pos_start,pos_end)
}
}
else
{
return "没有这个name值";
}
}
var strName=prompt("请输入您所要值的名字");
alert(getvalue(strName));
</script>

這三種方法使用的核心都不一樣，請依照自己的程式要求自行選擇使用。