快捷導(dǎo)航

JS獲取URL中參數(shù)值（QueryString）的4種方法分享

更新時(shí)間：2014年04月12日 12:23:26 作者：

今天碰到要在一個(gè)頁面獲取另外一個(gè)頁面url傳過來的參數(shù)，一開始很本能的想到了用 split("?")這樣一步步的分解出需要的參數(shù)。后來想了一下，肯定會有更加簡單的方法的！所以在網(wǎng)上找到了幾個(gè)很又簡單實(shí)用的方法，mark下。

方法一：正則法

復(fù)制代碼代碼如下:

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;
}
// 這樣調(diào)用：
alert(GetQueryString("參數(shù)名1"));

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

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

方法二：split拆分法

復(fù)制代碼代碼如下:

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;
}
var Request = new Object();
Request = GetRequest();
// var 參數(shù)1,參數(shù)2,參數(shù)3,參數(shù)N;
// 參數(shù)1 = Request['參數(shù)1'];
// 參數(shù)2 = Request['參數(shù)2'];
// 參數(shù)3 = Request['參數(shù)3'];
// 參數(shù)N = Request['參數(shù)N'];

方法三：又見正則

通過JS獲取url參數(shù)，這個(gè)經(jīng)常用到。比如說一個(gè)url：http://wm.fzitv.net/?q=js,我們想得到參數(shù)q的值，那可以通過以下函數(shù)調(diào)用即可。

復(fù)制代碼代碼如下:

function GetQueryString(name) {  
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  
    var r = window.location.search.substr(1).match(reg);  //獲取url中"?"符后的字符串并正則匹配
    var context = "";  
    if (r != null)  
         context = r[2];  
    reg = null;  
    r = null;  
    return context == null || context == "" || context == "undefined" ? "" : context;  
}
alert(GetQueryString("q")); 

方法四：單個(gè)參數(shù)的獲取方法

function GetRequest() {
   var url = location.search; //獲取url中"?"符后的字串
   if (url.indexOf("?") != -1) {    //判斷是否有參數(shù)
      var str = url.substr(1); //從第一個(gè)字符開始因?yàn)榈?個(gè)是?號獲取所有除問號的所有符串
      strs = str.split("=");   //用等號進(jìn)行分隔（因?yàn)橹乐挥幸粋€(gè)參數(shù) 所以直接用等號進(jìn)分隔如果有多個(gè)參數(shù) 要用&號分隔再用等號進(jìn)行分隔）
      alert(strs[1]);          //直接彈出第一個(gè)參數(shù) （如果有多個(gè)參數(shù) 還要進(jìn)行循環(huán)的）
   }
}

您可能感興趣的文章: