您好,欢迎访问一九零五行业门户网

JS获取URL中参数值(QueryString)的4种方法分享_javascript技巧

方法一:正则法
复制代码 代码如下:
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));
方法二:split拆分法
复制代码 代码如下:
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             therequest[strs[i].split(=)[0]] = unescape(strs[i].split(=)[1]);
        }
    }
    return therequest;
}
var request = new object();
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的值,那可以通过以下函数调用即可。
复制代码 代码如下:
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));
方法四:单个参数的获取方法
function getrequest() {
   var url = location.search; //获取url中?符后的字串
   if (url.indexof(?) != -1) {    //判断是否有参数
      var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
      strs = str.split(=);   //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)
      alert(strs[1]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
   }
}
其它类似信息

推荐信息