Eldon McGuinness的Gist是迄今为止我见过的JavaScript查询字符串解析器的最完整的实现。

不幸的是，它是作为jQuery插件编写的。

我将其重写为vanilla JS，并做了一些改进：

函数parseQuery（str）{var qso=｛｝；var qs=（str|| document.location.search）；//检查是否有空的查询字符串如果（qs==“”）{回归qso；}//规范化查询字符串qs=qs.replace（/（^\？）/，“”）.replace（/；/g，“&”）；而（qs.indexOf（“&&”）！=-1) {qs=qs.替换（/&&/g，'&'）；}qs=qs.replace（/（[\&]+$）/，“”）；//将查询字符串拆分为多个部分qs=qs.拆分（“&”）；//生成querystring对象对于（变量i=0；i<qs.length；i++）{var qi=qs[i].split（“=”）；qi=qi.map（函数（n）{返回decodeURIComponent（n）});if（类型qi[1]==“未定义”）{qi[1]=空；}if（qso[qi[0]的类型！==“未定义”）{//如果键已经存在，则将其设置为对象if（typeof（qso[qi[0]）==“string”）{var temp=qso[qi[0]]；如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]]=[]；qso[qi[0]].推（温度）；qso[qi[0]。push（qi[1]）；}否则如果（typeof（qso[qi[0]）==“对象”）{如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]。push（qi[1]）；}}其他{//如果没有键，只需将其设置为字符串如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]]=qi[1]；}}回归qso；}//演示console.log（parseQuery（“？foo=bar&foo=boo&roo=bar；bee=bop；=ghost；=ghost2；&；checkbox%5B%5D=b1；checkbox%5 B%5D=b2；dd=；http=http%3A%2F%2Fw3schools.com%2My%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab&http=http%2A%2F%3F%2Fw3schools2.com%2Fmy%20est.asp%3Fame%3Dst%A5%A5le%26car%3Dsaab”）；

另请参见此Fiddle。

以下是我所做的：

var uriParams = getSearchParameters();
alert(uriParams.c);


// background functions:

// Get object/associative array of URL parameters
function getSearchParameters () {
  var prmstr = window.location.search.substr(1);
  return prmstr !== null && prmstr !== "" ? transformToAssocArray(prmstr) : {};
}

// convert parameters from url-style string to associative array
function transformToAssocArray (prmstr) {
  var params = {},
      prmarr = prmstr.split("&");

  for (var i = 0; i < prmarr.length; i++) {
    var tmparr = prmarr[i].split("=");
    params[tmparr[0]] = tmparr[1];
  }
  return params;
}

我做了一个函数来实现这一点：

var getUrlParams = function (url) {
  var params = {};
  (url + '?').split('?')[1].split('&').forEach(function (pair) {
    pair = (pair + '=').split('=').map(decodeURIComponent);
    if (pair[0].length) {
      params[pair[0]] = pair[1];
    }
  });
  return params;
};

2017年5月26日更新，这里有一个ES7实现（使用babel预设阶段0、1、2或3运行）：

const getUrlParams = url => `${url}?`.split('?')[1]
  .split('&').reduce((params, pair) =>
    ((key, val) => key ? {...params, [key]: val} : params)
    (...`${pair}=`.split('=').map(decodeURIComponent)), {});

一些测试：

console.log(getUrlParams('https://google.com/foo?a=1&b=2&c')); // Will log {a: '1', b: '2', c: ''}
console.log(getUrlParams('/foo?a=1&b=2&c')); // Will log {a: '1', b: '2', c: ''}
console.log(getUrlParams('?a=1&b=2&c')); // Will log {a: '1', b: '2', c: ''}
console.log(getUrlParams('https://google.com/')); // Will log {}
console.log(getUrlParams('a=1&b=2&c')); // Will log {}

2018年3月26日更新，这里是一个Typescript实现：

const getUrlParams = (search: string) => `${search}?`
  .split('?')[1]
  .split('&')
  .reduce(
    (params: object, pair: string) => {
      const [key, value] = `${pair}=`
        .split('=')
        .map(decodeURIComponent)

      return key.length > 0 ? { ...params, [key]: value } : params
    },
    {}
  )

2019年2月13日更新，这里是一个与TypeScript 3一起使用的更新的TypeScript实现。

interface IParams { [key: string]: string }

const paramReducer = (params: IParams, pair: string): IParams => {
  const [key, value] = `${pair}=`.split('=').map(decodeURIComponent)

  return key.length > 0 ? { ...params, [key]: value } : params
}

const getUrlParams = (search: string): IParams =>
  `${search}?`.split('?')[1].split('&').reduce<IParams>(paramReducer, {})

    function gup() {
    var qs = document.location.search;
    qs = qs.split('+').join(' ');
    var params = {}, tokens, re = /[?&]?([^=]+)=([^&]*)/g;
    while (tokens = re.exec(qs))
        params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
    return params;
}

像这样使用

var params = gup()

然后

params.param1
params.param2

一个内衬和IE11友好：

> (window.location.href).match('c=([^&]*)')[1]
> "m2-m3-m4-m5"

从许多答案中学习（如VaMoose的、Gnarf的或Blixt的）。

您可以创建一个对象（或使用Location对象）并添加一个方法，该方法允许您获取URL参数，解码后使用JS样式：

Url = {
    params: undefined,
    get get(){
        if(!this.params){
            var vars = {};
            if(url.length!==0)
                url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value){
                    key=decodeURIComponent(key);
                    if(typeof vars[key]==="undefined") {
                        vars[key]= decodeURIComponent(value);
                    }
                    else {
                        vars[key]= [].concat(vars[key], decodeURIComponent(value));
                    }
                });
            this.params = vars;
        }
        return this.params;
    }
};

这允许只使用Url.get调用该方法。

第一次它将从url中获取对象，下次它将加载保存的对象。

实例

在url中，如？param1=param1Value&param2=param2Value&param1=param1Value2，参数的获取方式如下：

Url.get.param1 //["param1Value","param1Value2"]
Url.get.param2 //"param2Value"