Javascript获取URL参数值方法

index.jsp?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......

静态html文件js读取url参数根据获取html的参数值控制html页面输出

一、字符串分割分析法。

　　这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_GET

函数:

<Scriptlanguage="javascript">

function GetRequest() {

  var url = location.search; //获取url中"?"符后的字串

  var theRequest = new Object();

  if (url.indexOf("?")!= -1) {

     var str =url.substr(1);

     strs =str.split("&");

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

       theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

     }

  }

  return theRequest;

}

</Script>

然后我们通过调用此函数获取对应参数值：

<Scriptlanguage="javascript">

var Request = new Object();

Request = GetRequest();

var 参数1,参数2,参数3,参数N;

参数1 = Request['参数1'];

参数2 = Request['参数2'];

参数3 = Request['参数3'];

参数N = Request['参数N'];

</Script>

以此获取url串中所带的同名参数

二、正则分析法。function GetQueryString(name) {

  var reg = newRegExp("(^|&)" + name +"=([^&]*)(&|$)","i");

  var r =window.location.search.substr(1).match(reg);

  if (r!=null) returnunescape(r[2]); return null;

}

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));