用JavaScript获取url中的get参数的方法

使用PHP可以用$_GET['getName']的方式轻松获取到url中get参数，但JavaScript是没有现成的函数获取的，要自己编写函数。用JavaScript获取url中的get参数的函数的代码如下：

function Request(argname)

{

var url = document.location.href;

var arrStr = url.substring(url.indexOf(“?”)+1).split(“&”);

//return arrStr;

for(var i =0;i<arrStr.length;i++)

{

var loc = arrStr[i].indexOf(argname+”=”);

if(loc!=-1)

{

return arrStr[i].replace(argname+”=”,”").replace(“?”,”");

break;

}

}

return “”;

}

该函数的使用示例：

Html代码：

<form name=”form1″ method=”get” action=”search.php” target=”_parent”>

<input name=”q” type=”text” size=”20″ id=”q”>

<select name=”type” id=”type”>

<option value=”archives”>Archives</option>

<option value=”members”>Members</option>

</select>

<input type=”submit” name=”Submit” value=”GO”>

</form>

把get的参数q的值写入input的value中，js代码如下：

if (Request(‘q’)){

document.getElementById(‘q’).value = Request(‘q’);

}

当参数q的值不为空时，把id为q的input的值定义为参数q的值

根据get参数type改变select的选择项，js代码如下：

var searchType = Request(‘type’);

if (searchType == ‘members’){

document.getElementById(‘type’).options[1].selected = true;

}else{

document.getElementById(‘type’).options[0].selected = true;

}

当get参数的值为members时，把value=members的option定义为true，即选择Members这一项。