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"));