js獲取url參數值的方法

index.htm?參數1=數值1&參數2=數值2&參數3=數據3&參數4=數值4&......

靜態html文件js讀取url參數 根據獲取html的參數值控制html頁面輸出

 

1、字符串分割分析法。

這裏是一個獲取URL帶REQUESTRING參數的JAVASCRIPT客戶端解決方案，至關於asp的request.querystring，PHP的$_GET，jsp的request.getParameter

//var USERCODE="<%=request.getParameter("USERCODE")%>";

//以上是用request.getParameter在瀏覽器端獲取參數值, 也能夠是用該方法在服務器端獲取參數方法

函數:

<Script language="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>

而後咱們經過調用此函數獲取對應參數值：

<Script language="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串中所帶的同名參數

2、正則分析法。function GetQueryString(name) {

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

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

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

}

alert(GetQueryString("參數名1"));

alert(GetQueryString("參數名2"));

alert(GetQueryString("參數名3"));