JS取得URL中參數值（QueryString）的4種方法分享_javascript技巧

方法一：正規法

複製程式碼 程式碼如下:

程式碼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 unescape(r[2]);
     return unescape(r[2]);
>}
// 這樣呼叫：alert(GetQueryString("參數名稱1"));

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

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


方法二：split拆分法

複製程式碼

程式碼如下:

function GetRequest() {
    var url = location.search; //取得中url"?"符後url的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
     = str.split("&");
        for(var i = 0; i         unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
    return theRequest;
}
}
Request = GetRequest();
// var 參數1,參數2,參數3,參數N;
// 參數1 = Request['參數1'];
// 參數2 = Request[ '參數2'];

// 參數3 = Request['參數3'];// 參數N = Request['參數N'];

方法三：又見正規

透過JS取得url參數，這個常用到。比如說一個url：http://wwww.jb51.net/?q=js,我們想得到參數q的值，那可以透過以下函數呼叫即可。 複製程式碼

程式碼如下:


f new RegExp("(^|&)" name "=([^&]*)(&|$)", "i"); 
    var r = window.location.search.substr(1).match (reg);  //取得url中"?"符後的字串並正規符合
    var context = ""; 
    if (r != null) 
     if (r != null)       if (r != null)      🎜>    reg = null; 
    r = null; 
    return context == null || context == "" || context == "undefined" ? "" == null || context == "" || context == "undefined" ? "" == null || context == "" || context == "undefined" ? "" == nulltext; (GetQueryString("q"));

方法四：單一參數的取得方法

function GetRequest() {

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

   if (url.indexOf("?") != -1) { //判斷是否有參數
      var str = url.substr(1); //從第一個字元開始因為第0個是?號取得所有除問號的所有符串
      strs = str.split ("=");   //用等號分隔（因為知道只有一個參數所以直接用等號進分隔如果有多個參數要用&號分隔再用等號進行分隔）
      alert(strs[ 1]);          //直接彈出第一個參數（若有多個參數還要進行循環的）
   }
}