blocks|key|1318051|text|我见过的大多数实现都没有对名称和值进行URL解码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318052|下面是一个通用的实用函数，它也可以进行适当的URL解码：|1318053|function+getQueryParams(qs)+{
++++qs+=+qs.split('%2B').join('+');

++++var+params+=+{},
++++++++tokens,
++++++++re+=+/[?&]?([%5E=]%2B)=([%5E&]*)/g;

++++while+(tokens+=+re.exec(qs))+{
++++++++params[decodeURIComponent(tokens[1])]+=+decodeURIComponent(tokens[2]);
++++}

++++return+params;
}

//var+query+=+getQueryParams(document.location.search);
//alert(query.foo);|code-block|syntax|javascript|1318054|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Most implementations I've seen miss out URL-decoding the names and the values.

Here's a general utility function that also does proper URL-decoding:

<pre><code>function getQueryParams(qs) {
 qs = qs.split('+').join(' ');

 var params = {},
 tokens,
 re = /[?&amp;]?([^=]+)=([^&amp;]*)/g;

 while (tokens = re.exec(qs)) {
 params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
 }

 return params;
}

//var query = getQueryParams(document.location.search);
//alert(query.foo);
</code></pre>

blocks|key|1533213|text|source|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1533214|function+gup(+name,+url+)+{
++++if+(!url)+url+=+location.href;
++++name+=+name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
++++var+regexS+=+"[\\?&]"%2Bname%2B"=([%5E&#]*)";
++++var+regex+=+new+RegExp(+regexS+);
++++var+results+=+regex.exec(+url+);
++++return+results+==+null+?+null+:+results[1];
}
gup('q',+'hxxp://example.com/?q=abc')|code-block|syntax|javascript|1533215|entityMap|0|LINK|mutability|MUTABLE|url|https://community.esri.com/thread/33634^0|0|6|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<a href="https://community.esri.com/thread/33634" rel="noreferrer">source</a> 

<pre><code>function gup( name, url ) {
 if (!url) url = location.href;
 name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
 var regexS = "[\\?&amp;]"+name+"=([^&amp;#]*)";
 var regex = new RegExp( regexS );
 var results = regex.exec( url );
 return results == null ? null : results[1];
}
gup('q', 'hxxp://example.com/?q=abc')
</code></pre>

blocks|key|1318829|text|浏览器供应商已经通过URL和URLSearchParams实现了一种原生方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318830|let+url+=+new+URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');
let+searchParams+=+new+URLSearchParams(url.search);
console.log(searchParams.get('c'));++//+outputs+"m2-m3-m4-m5"|code-block|syntax|javascript|1318831|目前支持Firefox、Opera、Safari、Chrome和Edge。有关浏览器支持see+here的列表。|offset|length|1318832|https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams+https://developer.mozilla.org/en-US/docs/Web/API/URL/URL|1318833|https://url.spec.whatwg.org/|1318834|谷歌的工程师Eric+Bidelman将这个polyfill用于不支持的浏览器。|1318835|entityMap|0|LINK|mutability|MUTABLE|url|https://caniuse.com/#search=URLSearchParams|1|https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams|2|https://developer.mozilla.org/en-US/docs/Web/API/URL/URL|3|4|https://github.com/WebReflection/url-search-params^0|0|0|18|8|0|0|0|1S|1|1T|1K|2|0|0|S|3|0|M|8|4|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|17|8|@]|9|@$I|18|J|19|1|1A]]|A|$]]|$1|K|3|L|5|6|7|1B|8|@]|9|@$I|1C|J|1D|1|1E]|$I|1F|J|1G|1|1H]]|A|$]]|$1|M|3|N|5|6|7|1I|8|@]|9|@$I|1J|J|1K|1|1L]]|A|$]]|$1|O|3|P|5|6|7|1M|8|@]|9|@$I|1N|J|1O|1|1P]]|A|$]]|$1|Q|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]|10|$5|T|U|V|A|$W|11]]|12|$5|T|U|V|A|$W|N]]|13|$5|T|U|V|A|$W|14]]]]

Browsers vendors have implemented a native way to do this via URL and URLSearchParams.

<pre><code>let url = new URL('http://www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5');
let searchParams = new URLSearchParams(url.search);
console.log(searchParams.get('c')); // outputs "m2-m3-m4-m5"
</code></pre>

Currently supported in Firefox, Opera, Safari, Chrome and Edge. For a list of browser support <a href="https://caniuse.com/#search=URLSearchParams" rel="noreferrer">see here</a>.

<a href="https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/API/URL/URL" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/URL/URL</a>

<a href="https://url.spec.whatwg.org/" rel="noreferrer">https://url.spec.whatwg.org/</a>

Eric Bidelman, an engineer at Google, <a href="https://developers.google.com/web/updates/2016/01/urlsearchparams" rel="noreferrer">recommends</a> using this <a href="https://github.com/WebReflection/url-search-params" rel="noreferrer">polyfill</a> for unsupported browsers.

blocks|key|1318178|text|我很久以前就发现，这很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318179|function+getUrlVars()+{
++++var+vars+=+{};
++++var+parts+=+window.location.href.replace(/[?&]%2B([%5E=&]%2B)=([%5E&]*)/gi,++++
++++function(m,key,value)+{
++++++vars[key]+=+value;
++++});
++++return+vars;
++}|code-block|syntax|javascript|1318180|然后这样叫它：|1318181|var+fType+=+getUrlVars()["type"];|1318182|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I found this ages ago, very easy:

<pre><code>function getUrlVars() {
 var vars = {};
 var parts = window.location.href.replace(/[?&amp;]+([^=&amp;]+)=([^&amp;]*)/gi, 
 function(m,key,value) {
 vars[key] = value;
 });
 return vars;
 }
</code></pre>

Then call it like this:

<pre><code>var fType = getUrlVars()["type"];
</code></pre>

blocks|key|1317961|text|您可以在location.search中获取查询字符串，然后可以拆分问号后面的所有内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1317962|var+params+=+{};

if+(location.search)+{
++++var+parts+=+location.search.substring(1).split('&');

++++for+(var+i+=+0;+i+<+parts.length;+i%2B%2B)+{
++++++++var+nv+=+parts[i].split('=');
++++++++if+(!nv[0])+continue;
++++++++params[nv[0]]+=+nv[1]+%7C%7C+true;
++++}
}

//+Now+you+can+get+the+parameters+you+want+like+so:
var+abc+=+params.abc;|code-block|syntax|javascript|1317963|entityMap^0|4|F|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You can get the query string in <code>location.search</code>, then you can split everything after the question mark:

<pre><code>var params = {};

if (location.search) {
 var parts = location.search.substring(1).split('&amp;');

 for (var i = 0; i &lt; parts.length; i++) {
 var nv = parts[i].split('=');
 if (!nv[0]) continue;
 params[nv[0]] = nv[1] || true;
 }
}

// Now you can get the parameters you want like so:
var abc = params.abc;
</code></pre>

blocks|key|1319015|text|使用URLSearchParams的一种非常简单的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1319016|function+getParam(param){
++return+new+URLSearchParams(window.location.search).get(param);
}|code-block|syntax|javascript|1319017|目前，Chrome、火狐、Safari、Edge和others都支持它。|1319018|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams|1|https://caniuse.com/#feat=urlsearchparams^0|2|F|0|0|0|P|6|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

A super simple way using <a href="https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams" rel="noreferrer">URLSearchParams</a>.

<pre><code>function getParam(param){
 return new URLSearchParams(window.location.search).get(param);
}
</code></pre>

It's currently supported in Chrome, Firefox, Safari, Edge, and <a href="https://caniuse.com/#feat=urlsearchparams" rel="noreferrer">others</a>.

blocks|key|1318459|text|我写了一个更简单、更优雅的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318460|var+arr+=+document.URL.match(/room=([0-9]%2B)/)
var+room+=+arr[1];|code-block|syntax|javascript|1318461|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I wrote a more simple and elegant solution.

<pre><code>var arr = document.URL.match(/room=([0-9]+)/)
var room = arr[1];
</code></pre>

blocks|key|1318604|text|我做了一个函数来做这件事：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318605|var+getUrlParams+=+function+(url)+{
++var+params+=+{};
++(url+%2B+'?').split('?')[1].split('&').forEach(function+(pair)+{
++++pair+=+(pair+%2B+'=').split('=').map(decodeURIComponent);
++++if+(pair[0].length)+{
++++++params[pair[0]]+=+pair[1];
++++}
++});
++return+params;
};|code-block|syntax|javascript|1318606|2017年5月26日更新，这是一个ES7实现(使用巴别塔预设阶段0、1、2或3运行)：|1318607|const+getUrlParams+=+url+=>+`${url}?`.split('?')[1]
++.split('&').reduce((params,+pair)+=>
++++((key,+val)+=>+key+?+{...params,+[key]:+val}+:+params)
++++(...`${pair}=`.split('=').map(decodeURIComponent)),+{});|1318608|一些测试：|1318609|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+{}|1318610|2018年3月26日更新，这里是一个Typescript实现：|1318611|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
++++},
++++{}
++)|1318612|2019年2月13日更新，这里是一个使用TypeScript+3的更新的TypeScript实现。|1318613|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,+{})|1318614|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

I made a function that does this:

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

Update 5/26/2017, here is an ES7 implementation (runs with babel preset stage 0, 1, 2, or 3):

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

Some tests:

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

Update 3/26/2018, here is a Typescript implementation:

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

 return key.length &gt; 0 ? { ...params, [key]: value } : params
 },
 {}
 )
</code></pre>

Update 2/13/2019, here is an updated TypeScript implementation that works with TypeScript 3.

<pre><code>interface IParams { [key: string]: string }

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

 return key.length &gt; 0 ? { ...params, [key]: value } : params
}

const getUrlParams = (search: string): IParams =&gt;
 `${search}?`.split('?')[1].split('&amp;').reduce&lt;IParams&gt;(paramReducer, {})
</code></pre>

blocks|key|1533319|text|See+this|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1533320|function+getURLParameters(paramName)
{
++++var+sURL+=+window.document.URL.toString();
++++if+(sURL.indexOf("?")+>+0)
++++{
++++++++var+arrParams+=+sURL.split("?");
++++++++var+arrURLParams+=+arrParams[1].split("&");
++++++++var+arrParamNames+=+new+Array(arrURLParams.length);
++++++++var+arrParamValues+=+new+Array(arrURLParams.length);

++++++++var+i+=+0;
++++++++for+(i+=+0;+i<arrURLParams.length;+i%2B%2B)
++++++++{
++++++++++++var+sParam+=++arrURLParams[i].split("=");
++++++++++++arrParamNames[i]+=+sParam[0];
++++++++++++if+(sParam[1]+!=+"")
++++++++++++++++arrParamValues[i]+=+unescape(sParam[1]);
++++++++++++else
++++++++++++++++arrParamValues[i]+=+"No+Value";
++++++++}

++++++++for+(i=0;+i<arrURLParams.length;+i%2B%2B)
++++++++{
++++++++++++if+(arrParamNames[i]+==+paramName)
++++++++++++{
++++++++++++++++//alert("Parameter:"+%2B+arrParamValues[i]);
++++++++++++++++return+arrParamValues[i];
++++++++++++}
++++++++}
++++++++return+"No+Parameters+Found";
++++}
}|code-block|syntax|javascript|1533321|entityMap|0|LINK|mutability|MUTABLE|url|https://sourceforge.net/p/js-urlparam-omt/wiki/Home/^0|0|8|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<a href="https://sourceforge.net/p/js-urlparam-omt/wiki/Home/" rel="noreferrer">See this</a>

<pre><code>function getURLParameters(paramName)
{
 var sURL = window.document.URL.toString();
 if (sURL.indexOf("?") &gt; 0)
 {
 var arrParams = sURL.split("?");
 var arrURLParams = arrParams[1].split("&amp;");
 var arrParamNames = new Array(arrURLParams.length);
 var arrParamValues = new Array(arrURLParams.length);

 var i = 0;
 for (i = 0; i&lt;arrURLParams.length; i++)
 {
 var sParam = arrURLParams[i].split("=");
 arrParamNames[i] = sParam[0];
 if (sParam[1] != "")
 arrParamValues[i] = unescape(sParam[1]);
 else
 arrParamValues[i] = "No Value";
 }

 for (i=0; i&lt;arrURLParams.length; i++)
 {
 if (arrParamNames[i] == paramName)
 {
 //alert("Parameter:" + arrParamValues[i]);
 return arrParamValues[i];
 }
 }
 return "No Parameters Found";
 }
}
</code></pre>

blocks|key|1533798|text|ECMAScript+6解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533799|var+params+=+window.location.search
++.substring(1)
++.split("&")
++.map(v+=>+v.split("="))
++.reduce((map,+[key,+value])+=>+map.set(key,+decodeURIComponent(value)),+new+Map())|code-block|syntax|javascript|1533800|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

ECMAScript 6 solution:

<pre><code>var params = window.location.search
 .substring(1)
 .split("&amp;")
 .map(v =&gt; v.split("="))
 .reduce((map, [key, value]) =&gt; map.set(key, decodeURIComponent(value)), new Map())
</code></pre>

blocks|key|1318095|text|我使用parseUri库。它允许您完全按照您的要求进行操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1318096|var+uri+=+'www.test.com/t.html&a=1&b=3&c=m2-m3-m4-m5';
var+c+=+uri.queryKey['c'];
//+c+=+'m2-m3-m4-m5'|code-block|syntax|javascript|1318097|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.stevenlevithan.com/archives/parseuri^0|3|8|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

I use the <a href="http://blog.stevenlevithan.com/archives/parseuri" rel="noreferrer">parseUri</a> library. It allows you to do exactly what you are asking for:

<pre><code>var uri = 'www.test.com/t.html&amp;a=1&amp;b=3&amp;c=m2-m3-m4-m5';
var c = uri.queryKey['c'];
// c = 'm2-m3-m4-m5'
</code></pre>

blocks|key|1319141|text|最短路径：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319142|new+URL(location.href).searchParams.get("my_key");|code-block|syntax|javascript|1319143|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The shortest way:

<pre><code>new URL(location.href).searchParams.get("my_key");
</code></pre>

blocks|key|1318847|text|我使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318848|function+getVal(str)+{
++++var+v+=+window.location.search.match(new+RegExp('(?:[\?\&]'%2Bstr%2B'=)([%5E&]%2B)'));
++++return+v+?+v[1]+:+null;
}|code-block|syntax|javascript|1318849|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I use

<pre><code>function getVal(str) {
 var v = window.location.search.match(new RegExp('(?:[\?\&amp;]'+str+'=)([^&amp;]+)'));
 return v ? v[1] : null;
}
</code></pre>

blocks|key|1533558|text|这个问题有太多的答案，所以我添加了另一个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533559|/**
+*+parses+and+returns+URI+query+parameters+
+*+
+*+@param+{string}+param+parm
+*+@param+{bool?}+asArray+if+true,+returns+an+array+instead+of+a+scalar+
+*+@returns+{Object%7CArray}+
+*/
function+getURIParameter(param,+asArray)+{
++++return+document.location.search.substring(1).split('&').reduce(function(p,c)+{
++++++++var+parts+=+c.split('=',+2).map(function(param)+{+return+decodeURIComponent(param);+});
++++++++if(parts.length+==+0+%7C%7C+parts[0]+!=+param)+return+(p+instanceof+Array)+&&+!asArray+?+null+:+p;
++++++++return+asArray+?+p.concat(parts.concat(true)[1])+:+parts.concat(true)[1];
++++},+[]);
}|code-block|syntax|javascript|1533560|用法：|1533561|getURIParameter("id")++//+returns+the+last+id+or+null+if+not+present
getURIParameter("id",+true)+//+returns+an+array+of+all+ids|1533562|这解决了空参数(那些没有"=value"的键)、标量和基于数组的值检索API的公开，以及正确的URI组件解码。|offset|length|style|CODE|1533563|entityMap^0|0|0|0|0|C|8|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

this question has too many answers, so i'm adding another one.

<pre><code>/**
 * parses and returns URI query parameters 
 * 
 * @param {string} param parm
 * @param {bool?} asArray if true, returns an array instead of a scalar 
 * @returns {Object|Array} 
 */
function getURIParameter(param, asArray) {
 return document.location.search.substring(1).split('&amp;').reduce(function(p,c) {
 var parts = c.split('=', 2).map(function(param) { return decodeURIComponent(param); });
 if(parts.length == 0 || parts[0] != param) return (p instanceof Array) &amp;&amp; !asArray ? null : p;
 return asArray ? p.concat(parts.concat(true)[1]) : parts.concat(true)[1];
 }, []);
}
</code></pre>

usage:

<pre><code>getURIParameter("id") // returns the last id or null if not present
getURIParameter("id", true) // returns an array of all ids
</code></pre>

this copes with empty parameters (those keys present without <code>"=value"</code>), exposure of both a scalar and array-based value retrieval API, as well as proper URI component decoding.

blocks|key|1318933|text|这是我的解决方案。正如Andy+E在回答this+question时建议的那样，如果脚本重复构建各种正则表达式字符串、运行循环等只是为了获得一个值，那么这对脚本的性能并不好。因此，我想出了一个更简单的脚本，它在一个对象中返回所有的GET参数。您应该只调用它一次，将结果赋给一个变量，然后，在将来的任何时候，使用适当的键从该变量中获得您想要的任何值。请注意，它还负责URI解码(比如%2520)，并用空格替换%2B：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1318934|+function+getUrlQueryParams(url)+{
++var+queryString+=+url.split("?")[1];
++var+keyValuePairs+=+queryString.split("&");
++var+keyValue+=+[];
++var+queryParams+=+{};
++keyValuePairs.forEach(function(pair)+{
++++keyValue+=+pair.split("=");
++++queryParams[keyValue[0]]+=+decodeURIComponent(keyValue[1]).replace(/\%2B/g,+"+");
});
++return+queryParams;
}|code-block|syntax|javascript|1318935|因此，这里有一些脚本的测试供您查看：|1318936|//+Query+parameters+with+strings+only,+no+special+characters.
var+currentParams+=+getUrlQueryParams("example.com/foo?number=zero");
alert(currentParams["number"]);+//+Gives+"zero".

//+For+the+URL+you+stated+above...
var+someParams+=+getUrlQueryParams("www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5+");
alert(someParams["c"]);+//+Gives+"m2-m3-m4-m5".

//+For+a+query+params+with+URI+encoding...
var+someParams+=+getUrlQueryParams("www.example.com/t.html?phrase=a%2520long%2520shot&location=Silicon%2BValley%252C%2BUSA");
alert(someParams["phrase"]);+//+Gives+"a+long+shot".
alert(someParams["location"]);+//+Gives+"Silicon+Valley,+USA".|1318937|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript^0|K|D|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Here is my solution. As advised by Andy E while answering <a href="https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript">this question</a>, it's not good for your script's performance if it's repeatedly building various regex strings, running loops etc just to get a single value. So, I've come up with a simpler script that returns all the GET parameters in a single object. You should call it just once, assign the result to a variable and then, at any point in the future, get any value you want from that variable using the appropriate key. Note that it also takes care of URI decoding (i.e things like %20) and replaces + with a space:

<pre><code> function getUrlQueryParams(url) {
 var queryString = url.split("?")[1];
 var keyValuePairs = queryString.split("&amp;");
 var keyValue = [];
 var queryParams = {};
 keyValuePairs.forEach(function(pair) {
 keyValue = pair.split("=");
 queryParams[keyValue[0]] = decodeURIComponent(keyValue[1]).replace(/\+/g, " ");
});
 return queryParams;
}
</code></pre>

So, here are are a few tests of the script for you to see:

<pre><code>// Query parameters with strings only, no special characters.
var currentParams = getUrlQueryParams("example.com/foo?number=zero");
alert(currentParams["number"]); // Gives "zero".

// For the URL you stated above...
var someParams = getUrlQueryParams("www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5 ");
alert(someParams["c"]); // Gives "m2-m3-m4-m5".

// For a query params with URI encoding...
var someParams = getUrlQueryParams("www.example.com/t.html?phrase=a%20long%20shot&amp;location=Silicon+Valley%2C+USA");
alert(someParams["phrase"]); // Gives "a long shot".
alert(someParams["location"]); // Gives "Silicon Valley, USA".
</code></pre>

blocks|key|1533500|text|还有另一个建议。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533501|已经有一些很好的答案，但我发现它们不必要地复杂和难以理解。这很简短，它返回一个简单的关联数组，其中的键名对应于URL中的令牌名。|1533502|我为那些想学习的人添加了一个版本，下面有评论。|1533503|注这依赖于jQuery+($.each)的循环，我推荐使用它而不是forEach。我发现使用jQuery来确保跨浏览器的兼容性要比插入单独的补丁来支持任何旧浏览器不支持的新功能更简单。|1533504|编辑:在我写完这篇文章后，我注意到Eric+Elliott的回答，虽然它使用了forEach，但几乎是一样的，而我通常是反对的(基于上面提到的原因)。|1533505|function+getTokens(){
++++var+tokens+=+[];
++++var+query+=+location.search;
++++query+=+query.slice(1);
++++query+=+query.split('&');
++++$.each(query,+function(i,value){++++
++++++++var+token+=+value.split('=');+++
++++++++var+key+=+decodeURIComponent(token[0]);+++++
++++++++var+data+=+decodeURIComponent(token[1]);
++++++++tokens[key]+=+data;
++++});
++++return+tokens;
}|code-block|syntax|javascript|1533506|评论版本：|1533507|function+getTokens(){
++++var+tokens+=+[];++++++++++++//+new+array+to+hold+result
++++var+query+=+location.search;+//+everything+from+the+'?'+onward+
++++query+=+query.slice(1);+++++//+remove+the+first+character,+which+will+be+the+'?'+
++++query+=+query.split('&');+++//+split+via+each+'&',+leaving+us+an+array+of+something=something+strings

++++//+iterate+through+each+something=something+string
++++$.each(query,+function(i,value){++++

++++++++//+split+the+something=something+string+via+'=',+creating+an+array+containing+the+token+name+and+data
++++++++var+token+=+value.split('=');+++

++++++++//+assign+the+first+array+element+(the+token+name)+to+the+'key'+variable
++++++++var+key+=+decodeURIComponent(token[0]);+++++

++++++++//+assign+the+second+array+element+(the+token+data)+to+the+'data'+variable
++++++++var+data+=+decodeURIComponent(token[1]);

++++++++tokens[key]+=+data;+++++//+add+an+associative+key/data+pair+to+our+result+array,+with+key+names+being+the+URI+token+names
++++});

++++return+tokens;++//+return+the+array
}|1533508|对于下面的示例，我们将假设此地址：|1533509|http://www.example.com/page.htm?id=4&name=murray|1533510|您可以将URL标记分配给您自己的变量：|1533511|var+tokens+=+getTokens();|1533512|然后按如下所示的名称引用每个URL标记：|1533513|document.write(+tokens['id']+);|1533514|这将打印"4“。|1533515|您也可以直接从函数中引用一个令牌名：|1533516|document.write(+getTokens()['name']+);|1533517|...which会打印“默里”。|1533518|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1F|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1G|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1H|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1I|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1J|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1L|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1M|8|@]|9|@]|A|$]]|$1|U|3|V|5|L|7|1N|8|@]|9|@]|A|$M|N]]|$1|W|3|X|5|6|7|1O|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|L|7|1P|8|@]|9|@]|A|$M|N]]|$1|10|3|11|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|12|3|13|5|L|7|1R|8|@]|9|@]|A|$M|N]]|$1|14|3|15|5|6|7|1S|8|@]|9|@]|A|$]]|$1|16|3|17|5|6|7|1T|8|@]|9|@]|A|$]]|$1|18|3|19|5|L|7|1U|8|@]|9|@]|A|$M|N]]|$1|1A|3|1B|5|6|7|1V|8|@]|9|@]|A|$]]|$1|1C|3|-4|5|6|7|1W|8|@]|9|@]|A|$]]]|1D|$]]

Yet another suggestion. 

There are some good answers already, but I found them needlessly complex and hard to understand. This is short, simple, and returns a simple associative array with key names corresponding to the token names in the URL. 

I added a version with comments below for those who want to learn.

Note this relies on jQuery ($.each) for its loop, which I recommend instead of forEach. I find it simpler to ensure cross-browser compatibility using jQuery across the board rather than plugging in individual fixes to support whichever new functions aren't supported in older browsers.

Edit: After I wrote this I noticed Eric Elliott's answer, which is almost the same, though it uses forEach, while I'm generally against (for reasons stated above).

<pre><code>function getTokens(){
 var tokens = [];
 var query = location.search;
 query = query.slice(1);
 query = query.split('&amp;');
 $.each(query, function(i,value){ 
 var token = value.split('='); 
 var key = decodeURIComponent(token[0]); 
 var data = decodeURIComponent(token[1]);
 tokens[key] = data;
 });
 return tokens;
}
</code></pre>

Commented version: 

<pre><code>function getTokens(){
 var tokens = []; // new array to hold result
 var query = location.search; // everything from the '?' onward 
 query = query.slice(1); // remove the first character, which will be the '?' 
 query = query.split('&amp;'); // split via each '&amp;', leaving us an array of something=something strings

 // iterate through each something=something string
 $.each(query, function(i,value){ 

 // split the something=something string via '=', creating an array containing the token name and data
 var token = value.split('='); 

 // assign the first array element (the token name) to the 'key' variable
 var key = decodeURIComponent(token[0]); 

 // assign the second array element (the token data) to the 'data' variable
 var data = decodeURIComponent(token[1]);

 tokens[key] = data; // add an associative key/data pair to our result array, with key names being the URI token names
 });

 return tokens; // return the array
}
</code></pre>

For the examples below we'll assume this address:

<pre><code>http://www.example.com/page.htm?id=4&amp;name=murray
</code></pre>

You can assign the URL tokens to your own variable:

<pre><code>var tokens = getTokens();
</code></pre>

Then refer to each URL token by name like this:

<pre><code>document.write( tokens['id'] );
</code></pre>

This would print "4".

You can also simply refer to a a token name from the function directly:

<pre><code>document.write( getTokens()['name'] );
</code></pre>

...which would print "murray".

blocks|key|1318528|text|在这里，我发布了一个示例。但它是用jQuery写的。希望它能帮助其他人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318529|<script+type="text/javascript"+src="jquery.js"></script>
<script+type="text/javascript"+src="jquery.url.js"></script>



<script+type="text/javascript">
$(function(){
++++$.url.attr('protocol')++//+-->+Protocol:+"http"
++++$.url.attr('path')++++++++++//+-->+host:+"www.example.com"
++++$.url.attr('query')+++++++++//+-->+path:+"/correct/"
++++$.url.attr('message')+++//+-->+query:+"done"
++++$.url.attr('year')++++++//+-->+query:+"1990"
});
</script>|code-block|syntax|javascript|1318530|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here I am posting one example. But it's in jQuery. Hope it will help others:

<pre><code>&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery.url.js"&gt;&lt;/script&gt;

&lt;!-- URL: www.example.com/correct/?message=done&amp;year=1990--&gt;

&lt;script type="text/javascript"&gt;
$(function(){
 $.url.attr('protocol') // --&gt; Protocol: "http"
 $.url.attr('path') // --&gt; host: "www.example.com"
 $.url.attr('query') // --&gt; path: "/correct/"
 $.url.attr('message') // --&gt; query: "done"
 $.url.attr('year') // --&gt; query: "1990"
});
&lt;/script&gt;
</code></pre>

blocks|key|1318418|text|//+Read+a+page's+GET+URL+variables+and+return+them+as+an+associative+array.
function+getUrlVars()
{
++++var+vars+=+[],+hash;
++++var+hashes+=+window.location.href.slice(window.location.href.indexOf('?')+%2B+1).split('&');
++++for(var+i+=+0;+i+<+hashes.length;+i%2B%2B)
++++{
++++++++hash+=+hashes[i].split('=');
++++++++vars.push(hash[0]);
++++++++vars[hash[0]]+=+hash[1];
++++}
++++return+vars;
}

//+Usage+for+URL:+http://my.site.com/location?locationId=53cc272c0364aefcb78756cd&shared=false
var+id+=+getUrlVars()["locationId"];|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1318419|从这里得到：http://jquery-howto.blogspot.ru/2009/09/get-url-parameters-values-with-jquery.html|unstyled|offset|length|1318420|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery-howto.blogspot.ru/2009/09/get-url-parameters-values-with-jquery.html^0|0|6|2A|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
 var vars = [], hash;
 var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&amp;');
 for(var i = 0; i &lt; hashes.length; i++)
 {
 hash = hashes[i].split('=');
 vars.push(hash[0]);
 vars[hash[0]] = hash[1];
 }
 return vars;
}

// Usage for URL: http://my.site.com/location?locationId=53cc272c0364aefcb78756cd&amp;shared=false
var id = getUrlVars()["locationId"];
</code></pre>

Got from here: <a href="http://jquery-howto.blogspot.ru/2009/09/get-url-parameters-values-with-jquery.html" rel="noreferrer">http://jquery-howto.blogspot.ru/2009/09/get-url-parameters-values-with-jquery.html</a>

blocks|key|1533865|text|简单的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533866|function+getParams(url){
++++++++var+regex+=+/[?&]([%5E=#]%2B)=([%5E&#]*)/g,
++++++++++++params+=+{},
++++++++++++match;
++++++++while(match+=+regex.exec(url))+{
++++++++++++params[match[1]]+=+match[2];
++++++++}
++++++++return+params;
++++}|code-block|syntax|javascript|1533867|然后将其命名为getParams(url)|1533868|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Simple way

<pre><code>function getParams(url){
 var regex = /[?&amp;]([^=#]+)=([^&amp;#]*)/g,
 params = {},
 match;
 while(match = regex.exec(url)) {
 params[match[1]] = match[2];
 }
 return params;
 }
</code></pre>

then call it like getParams(url)

blocks|key|1533609|text|下面是我要做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533610|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%2B%2B)+{
++++var+tmparr+=+prmarr[i].split("=");
++++params[tmparr[0]]+=+tmparr[1];
++}
++return+params;
}|code-block|syntax|javascript|1533611|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is what I do:

<pre><code>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 &amp;&amp; prmstr !== "" ? transformToAssocArray(prmstr) : {};
}

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

 for (var i = 0; i &lt; prmarr.length; i++) {
 var tmparr = prmarr[i].split("=");
 params[tmparr[0]] = tmparr[1];
 }
 return params;
}
</code></pre>

blocks|key|1534189|text|//+http:localhost:8080/path?param_1=a&param_2=b
var+getParamsMap+=+function+()+{
++++var+params+=+window.location.search.split("&");
++++var+paramsMap+=+{};
++++params.forEach(function+(p)+{
++++++++var+v+=+p.split("=");
++++++++paramsMap[v[0]]=decodeURIComponent(v[1]);
++++});
++++return+paramsMap;
};

//+-----------------------

console.log(getParamsMap()["param_1"]);++//+should+log+"a"+++++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1534190|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>// http:localhost:8080/path?param_1=a&amp;param_2=b
var getParamsMap = function () {
 var params = window.location.search.split("&amp;");
 var paramsMap = {};
 params.forEach(function (p) {
 var v = p.split("=");
 paramsMap[v[0]]=decodeURIComponent(v[1]);
 });
 return paramsMap;
};

// -----------------------

console.log(getParamsMap()["param_1"]); // should log "a" 
</code></pre>

blocks|key|1319377|text|window.location.search.slice(1).split('&').reduce((res,+val)+=>+({...res,+[val.split('=')[0]]:+val.split('=')[1]}),+{})|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1319378|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>window.location.search.slice(1).split('&amp;').reduce((res, val) =&gt; ({...res, [val.split('=')[0]]: val.split('=')[1]}), {})
</code></pre>

blocks|key|1533710|text|window.location.href.split("?")|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1533711|然后忽略第一个索引|unstyled|1533712|Array.prototype.slice.call(window.location.href.split("?"),+1)+|1533713|返回url参数的数组。|1533714|var+paramArray+=+Array.prototype.slice.call(window.location.href.split(/[?=]%2B/),+1);
var+paramObject+=+paramArray.reduce(function(x,+y,+i,+a){+(i%252==0)+?++(x[y]+=+a[i%2B1])+:+void+0;+return+x;+},+{});|1533715|paramObject包含了映射为js对象的所有参数，这有点冗长，但也很实用|1533716|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|M|3|N|5|F|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|F|7|W|8|@]|9|@]|A|$]]]|P|$]]

<pre><code>window.location.href.split("?")
</code></pre>

then disregard the first index

<pre><code>Array.prototype.slice.call(window.location.href.split("?"), 1) 
</code></pre>

returns an array of your url parameters

<pre><code>var paramArray = Array.prototype.slice.call(window.location.href.split(/[?=]+/), 1);
var paramObject = paramArray.reduce(function(x, y, i, a){ (i%2==0) ? (x[y] = a[i+1]) : void 0; return x; }, {});
</code></pre>

A bit more verbose/hacky but also functional, paramObject contains all parameters mapped as a js object

blocks|key|1318552|text|以下是将url查询参数解析为对象的angularJs源代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1318553|​|1318554|function+tryDecodeURIComponent(value)+{
++try+{
++++return+decodeURIComponent(value);
++}+catch+(e)+{
++++//+Ignore+any+invalid+uri+component
++}
}

function+isDefined(value)+{return+typeof+value+!==+'undefined';}

function+parseKeyValue(keyValue)+{
++keyValue+=+keyValue.replace(/%5E\?/,+'');
++var+obj+=+{},+key_value,+key;
++var+iter+=+(keyValue+%7C%7C+"").split('&');
++for+(var+i=0;+i<iter.length;+i%2B%2B)+{
++++var+kValue+=+iter[i];
++++if+(kValue)+{
++++++key_value+=+kValue.replace(/\%2B/g,'%2520').split('=');
++++++key+=+tryDecodeURIComponent(key_value[0]);
++++++if+(isDefined(key))+{
++++++++var+val+=+isDefined(key_value[1])+?+tryDecodeURIComponent(key_value[1])+:+true;
++++++++if+(!hasOwnProperty.call(obj,+key))+{
++++++++++obj[key]+=+val;
++++++++}+else+if+(isArray(obj[key]))+{
++++++++++obj[key].push(val);
++++++++}+else+{
++++++++++obj[key]+=+[obj[key],val];
++++++++}
++++++}
++++}
++};
++return+obj;
}

alert(JSON.stringify(parseKeyValue('?a=1&b=3&c=m2-m3-m4-m5')));|code-block|syntax|javascript|1318555|1318556|您可以将此函数添加到window.location|style|CODE|1318557|window.location.query+=+function+query(arg){
++q+=+parseKeyValue(this.search);
++if+(!isDefined(arg))+{
++++return+q;
++}++++++
++if+(q.hasOwnProperty(arg))+{
++++return+q[arg];
++}+else+{
++++return+"";
++}
}

//+assuming+you+have+this+url+:
//+http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5

console.log(window.location.query())

//+Object+{a:+"1",+b:+"3",+c:+"m2-m3-m4-m5"}

console.log(window.location.query('c'))

//+"m2-m3-m4-m5"|1318558|entityMap|0|LINK|mutability|MUTABLE|url|https://angularjs.org/^0|H|9|0|0|0|0|0|A|F|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|14|8|@]|9|@]|C|$I|J]]|$1|K|3|E|5|6|7|15|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|16|8|@$A|17|B|18|N|O]]|9|@]|C|$]]|$1|P|3|Q|5|H|7|19|8|@]|9|@]|C|$I|J]]|$1|R|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]]]

Here is the <a href="https://angularjs.org/" rel="nofollow">angularJs</a> source code for parsing url query parameters into an Object :

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function tryDecodeURIComponent(value) {
 try {
 return decodeURIComponent(value);
 } catch (e) {
 // Ignore any invalid uri component
 }
}

function isDefined(value) {return typeof value !== 'undefined';}

function parseKeyValue(keyValue) {
 keyValue = keyValue.replace(/^\?/, '');
 var obj = {}, key_value, key;
 var iter = (keyValue || "").split('&amp;');
 for (var i=0; i&lt;iter.length; i++) {
 var kValue = iter[i];
 if (kValue) {
 key_value = kValue.replace(/\+/g,'%20').split('=');
 key = tryDecodeURIComponent(key_value[0]);
 if (isDefined(key)) {
 var val = isDefined(key_value[1]) ? tryDecodeURIComponent(key_value[1]) : true;
 if (!hasOwnProperty.call(obj, key)) {
 obj[key] = val;
 } else if (isArray(obj[key])) {
 obj[key].push(val);
 } else {
 obj[key] = [obj[key],val];
 }
 }
 }
 };
 return obj;
}

alert(JSON.stringify(parseKeyValue('?a=1&amp;b=3&amp;c=m2-m3-m4-m5')));</code></pre>
</div>
</div>


You can add this function to <code>window.location</code>:

<pre><code>window.location.query = function query(arg){
 q = parseKeyValue(this.search);
 if (!isDefined(arg)) {
 return q;
 } 
 if (q.hasOwnProperty(arg)) {
 return q[arg];
 } else {
 return "";
 }
}

// assuming you have this url :
// http://www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5

console.log(window.location.query())

// Object {a: "1", b: "3", c: "m2-m3-m4-m5"}

console.log(window.location.query('c'))

// "m2-m3-m4-m5"
</code></pre>

blocks|key|1319656|text|现在是N%2B%2B的时候了，我正在寻找一种干净的方法来做这件事。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319657|我会把这个保存在这里以防我回来因为我知道我会的.|1319658|​|1319659|const+parseUrlQuery+=+(value)+=>+{
++var+urlParams+=+new+URL(value).searchParams
++return+Array.from(urlParams.keys()).reduce((acc,+key)+=>+{
++++acc[key]+=+urlParams.getAll(key)
++++return+acc
++},+{})
}

console.log(parseUrlQuery('http://url/path?param1=A&param1=B&param2=ABC&param3=61569'))|code-block|syntax|javascript|1319660|1319661|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Q|8|@]|9|@]|A|$I|J]]|$1|K|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

It's the N++ time I am looking for a clean way to do this. 
Will save this here in case I get back cause I know I will... 
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const parseUrlQuery = (value) =&gt; {
 var urlParams = new URL(value).searchParams
 return Array.from(urlParams.keys()).reduce((acc, key) =&gt; {
 acc[key] = urlParams.getAll(key)
 return acc
 }, {})
}

console.log(parseUrlQuery('http://url/path?param1=A&amp;param1=B&amp;param2=ABC&amp;param3=61569'))</code></pre>
</div>
</div>

blocks|key|1533434|text|我尽可能喜欢写速记：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533435|网址:+example.com/mortgage_calc.htm?pmts=120&intr=6.8&prin=10000|1533436|Vanilla+Javascript：|1533437|for+(+var+vObj+=+{},+i=0,+vArr+=+window.location.search.substring(1).split('&');
++++++++i+<+vArr.length;+v+=+vArr[i%2B%2B].split('='),+vObj[v[0]]+=+v[1]+){}
//+vObj+=+{pmts:+"120",+intr:+"6.8",+prin:+"10000"}|code-block|syntax|javascript|1533438|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I like writing shorthand as much as possible:

URL: example.com/mortgage_calc.htm?pmts=120&amp;intr=6.8&amp;prin=10000

Vanilla Javascript:

<pre><code>for ( var vObj = {}, i=0, vArr = window.location.search.substring(1).split('&amp;');
 i &lt; vArr.length; v = vArr[i++].split('='), vObj[v[0]] = v[1] ){}
// vObj = {pmts: "120", intr: "6.8", prin: "10000"}
</code></pre>

blocks|key|1318652|text|function+getParamValue(param)+{
++++var+urlParamString+=+location.search.split(param+%2B+"=");
++++if+(urlParamString.length+<=+1)+return+"";
++++else+{
++++++++var+tmp+=+urlParamString[1].split("&");
++++++++return+tmp[0];
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1318653|这应该适用于您的情况，无论参数是不是最后一个。|unstyled|1318654|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>function getParamValue(param) {
 var urlParamString = location.search.split(param + "=");
 if (urlParamString.length &lt;= 1) return "";
 else {
 var tmp = urlParamString[1].split("&amp;");
 return tmp[0];
 }
}
</code></pre>

This should work for your case no matter the param is last or not.

blocks|key|1534513|text|从window.location中的搜索对象中提取所有url参数作为json|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1534514|export+const+getURLParams+=+location+=>+{
++++const+searchParams+=+new+URLSearchParams(location.search)
++++const+params+=+{}

++++for+(let+key+of+searchParams.keys())+{
++++++++params[key]+=+searchParams.get(key)
++++}

++++return+params
}

console.log(getURLParams({+search:+'?query=someting&anotherquery=anotherthing'+}))

//+-->+{query:+"someting",+anotherquery:+"anotherthing"}|code-block|syntax|javascript|1534515|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

To extract all url params from search object in window.location as json

<pre><code>export const getURLParams = location =&gt; {
 const searchParams = new URLSearchParams(location.search)
 const params = {}

 for (let key of searchParams.keys()) {
 params[key] = searchParams.get(key)
 }

 return params
}

console.log(getURLParams({ search: '?query=someting&amp;anotherquery=anotherthing' }))

// --&gt; {query: "someting", anotherquery: "anotherthing"}
</code></pre>

blocks|key|1319369|text|一个liner和IE11友好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319370|>+(window.location.href).match('c=([%5E&]*)')[1]
>+"m2-m3-m4-m5"|code-block|syntax|javascript|1319371|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

One liner and IE11 friendly:

<pre><code>&gt; (window.location.href).match('c=([^&amp;]*)')[1]
&gt; "m2-m3-m4-m5"
</code></pre>

blocks|key|1533352|text|下面是我发现的一个可读性更好的解决方案--但它需要<+IE8：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533353|var+getParams+=+function+()+{
++var+params+=+{};
++if+(location.search)+{
++++var+parts+=+location.search.slice(1).split('&');

++++parts.forEach(function+(part)+{
++++++var+pair+=+part.split('=');
++++++pair[0]+=+decodeURIComponent(pair[0]);
++++++pair[1]+=+decodeURIComponent(pair[1]);
++++++params[pair[0]]+=+(pair[1]+!==+'undefined')+?
++++++++pair[1]+:+true;
++++});
++}
++return+params;
}|code-block|syntax|javascript|1533354|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's a solution I find a little more readable -- but it will require a <code>.forEach()</code> shim for &lt; IE8:

<pre><code>var getParams = function () {
 var params = {};
 if (location.search) {
 var parts = location.search.slice(1).split('&amp;');

 parts.forEach(function (part) {
 var pair = part.split('=');
 pair[0] = decodeURIComponent(pair[0]);
 pair[1] = decodeURIComponent(pair[1]);
 params[pair[0]] = (pair[1] !== 'undefined') ?
 pair[1] : true;
 });
 }
 return params;
}
</code></pre>

blocks|key|1318376|text|这是我的解决方案：jsfiddle|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1318377|下面的方法返回一个包含给定URL参数的字典。如果没有参数，它将为null。|1318378|function+getParams(url){
++++var+paramsStart+=+url.indexOf('?');
++++var+params+=+null;

++++//no+params+available
++++if(paramsStart+!=+-1){
++++++++var+paramsString+=+url.substring(url.indexOf('?')+%2B+1,+url.length);

++++++++//only+'?'+available
++++++++if(paramsString+!=+""){
++++++++++++var+paramsPairs+=+paramsString.split('&');

++++++++++++//preparing
++++++++++++params+=+{};
++++++++++++var+empty+=+true;
++++++++++++var+index++=+0;
++++++++++++var+key+=+"";
++++++++++++var+val+=+"";

++++++++++++for(i+=+0,+len+=+paramsPairs.length;+i+<+len;+i%2B%2B){
++++++++++++++++index+=+paramsPairs[i].indexOf('=');

++++++++++++++++//if+assignment+symbol+found
++++++++++++++++if(index+!=+-1){
++++++++++++++++++++key+=+paramsPairs[i].substring(0,+index);
++++++++++++++++++++val+=+paramsPairs[i].substring(index+%2B+1,+paramsPairs[i].length);

++++++++++++++++++++if(key+!=+""+&&+val+!=+""){

++++++++++++++++++++++++//extend+here+for+decoding,+integer+parsing,+whatever...

++++++++++++++++++++++++params[key]+=+val;

++++++++++++++++++++++++if(empty){
++++++++++++++++++++++++++++empty+=+false;
++++++++++++++++++++++++}
++++++++++++++++++++}++++++++++++++++++++
++++++++++++++++}
++++++++++++}

++++++++++++if(empty){
++++++++++++++++params+=+null;
++++++++++++}
++++++++}
++++}

++++return+params;
}|code-block|syntax|javascript|1318379|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Jskp3/^0|9|8|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Here is my solution: <a href="http://jsfiddle.net/Jskp3/" rel="nofollow">jsfiddle</a>

The method below returns a dictionary containing the parameters of the given URL. In case there are no paramters it will be null.

<pre><code>function getParams(url){
 var paramsStart = url.indexOf('?');
 var params = null;

 //no params available
 if(paramsStart != -1){
 var paramsString = url.substring(url.indexOf('?') + 1, url.length);

 //only '?' available
 if(paramsString != ""){
 var paramsPairs = paramsString.split('&amp;');

 //preparing
 params = {};
 var empty = true;
 var index = 0;
 var key = "";
 var val = "";

 for(i = 0, len = paramsPairs.length; i &lt; len; i++){
 index = paramsPairs[i].indexOf('=');

 //if assignment symbol found
 if(index != -1){
 key = paramsPairs[i].substring(0, index);
 val = paramsPairs[i].substring(index + 1, paramsPairs[i].length);

 if(key != "" &amp;&amp; val != ""){

 //extend here for decoding, integer parsing, whatever...

 params[key] = val;

 if(empty){
 empty = false;
 }
 } 
 }
 }

 if(empty){
 params = null;
 }
 }
 }

 return params;
}
</code></pre>

blocks|key|1318444|text|使用dojo。这里没有其他解决方案是简短的，也没有经过充分测试的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318445|require(["dojo/io-query"],+function(ioQuery){
++++var+uri+=+"www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5+";
++++var+query+=+uri.substring(uri.indexOf("?")+%2B+1,+uri.length);
++++var+queryObject+=+ioQuery.queryToObject(query);
++++console.log(queryObject.c);+//prints+m2-m3-m4-m5
});|code-block|syntax|javascript|1318446|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use dojo. No other solution on here is this short or as well-tested:

<pre><code>require(["dojo/io-query"], function(ioQuery){
 var uri = "www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5 ";
 var query = uri.substring(uri.indexOf("?") + 1, uri.length);
 var queryObject = ioQuery.queryToObject(query);
 console.log(queryObject.c); //prints m2-m3-m4-m5
});
</code></pre>

blocks|key|1533728|text|PHP+parse_str模仿..:)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1533729|//+Handles+also+array+params+well
function+parseQueryString(query)+{
++++var+pars+=+(query+!=+null+?+query+:+"").replace(/&%2B/g,+"&").split('&'),
++++++++par,+key,+val,+re+=+/%5E([\w]%2B)\[(.*)\]/i,+ra,+ks,+ki,+i+=+0,
++++++++params+=+{};

++++while+((par+=+pars.shift())+&&+(par+=+par.split('=',+2)))+{
++++++++key+=+decodeURIComponent(par[0]);
++++++++//+prevent+param+value+going+to+be+"undefined"+as+string
++++++++val+=+decodeURIComponent(par[1]+%7C%7C+"").replace(/\%2B/g,+"+");
++++++++//+check+array+params
++++++++if+(ra+=+re.exec(key))+{
++++++++++++ks+=+ra[1];
++++++++++++//+init+array+param
++++++++++++if+(!(ks+in+params))+{
++++++++++++++++params[ks]+=+{};
++++++++++++}
++++++++++++//+set+int+key
++++++++++++ki+=+(ra[2]+!=+"")+?+ra[2]+:+i%2B%2B;
++++++++++++//+set+array+param
++++++++++++params[ks][ki]+=+val;
++++++++++++//+go+on..
++++++++++++continue;
++++++++}
++++++++//+set+param
++++++++params[key]+=+val;
++++}

++++return+params;
}

var+query+=+'foo=1&bar=The%2Bbar!%2520&arr[]=a0&arr[]=a1&arr[s]=as&isset&arr[]=last';
var+params+=+parseQueryString(query);
console.log(params)
console.log(params.foo)++++++++//+1
console.log(params.bar)++++++++//+The+bar!
console.log(params.arr[0])+++++//+a0
console.log(params.arr[1])+++++//+a1
console.log(params.arr.s)++++++//+as
console.log(params.arr.none)+++//+undefined
console.log("isset"+in+params)+//+true+like:+isset($_GET['isset'])



/*
//+in+php
parse_str('foo=1&bar=The%2Bbar!%2520&arr[]=a0&arr[]=a1&arr[s]=as&isset&arr[]=last',+$query);
print_r($query);

Array
(
++++[foo]+=>+1
++++[bar]+=>+The+bar!
++++[arr]+=>+Array
++++++++(
++++++++++++[0]+=>+a0
++++++++++++[1]+=>+a1
++++++++++++[s]+=>+as
++++++++++++[2]+=>+last
++++++++)

++++[isset]+=>
)*/|code-block|syntax|javascript|1533730|entityMap^0|4|9|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

PHP <code>parse_str</code> copycat.. :)

<pre><code>// Handles also array params well
function parseQueryString(query) {
 var pars = (query != null ? query : "").replace(/&amp;+/g, "&amp;").split('&amp;'),
 par, key, val, re = /^([\w]+)\[(.*)\]/i, ra, ks, ki, i = 0,
 params = {};

 while ((par = pars.shift()) &amp;&amp; (par = par.split('=', 2))) {
 key = decodeURIComponent(par[0]);
 // prevent param value going to be "undefined" as string
 val = decodeURIComponent(par[1] || "").replace(/\+/g, " ");
 // check array params
 if (ra = re.exec(key)) {
 ks = ra[1];
 // init array param
 if (!(ks in params)) {
 params[ks] = {};
 }
 // set int key
 ki = (ra[2] != "") ? ra[2] : i++;
 // set array param
 params[ks][ki] = val;
 // go on..
 continue;
 }
 // set param
 params[key] = val;
 }

 return params;
}

var query = 'foo=1&amp;bar=The+bar!%20&amp;arr[]=a0&amp;arr[]=a1&amp;arr[s]=as&amp;isset&amp;arr[]=last';
var params = parseQueryString(query);
console.log(params)
console.log(params.foo) // 1
console.log(params.bar) // The bar!
console.log(params.arr[0]) // a0
console.log(params.arr[1]) // a1
console.log(params.arr.s) // as
console.log(params.arr.none) // undefined
console.log("isset" in params) // true like: isset($_GET['isset'])



/*
// in php
parse_str('foo=1&amp;bar=The+bar!%20&amp;arr[]=a0&amp;arr[]=a1&amp;arr[s]=as&amp;isset&amp;arr[]=last', $query);
print_r($query);

Array
(
 [foo] =&gt; 1
 [bar] =&gt; The bar!
 [arr] =&gt; Array
 (
 [0] =&gt; a0
 [1] =&gt; a1
 [s] =&gt; as
 [2] =&gt; last
 )

 [isset] =&gt;
)*/
</code></pre>

blocks|key|1319255|text|您可以简单地使用core+javascript来获取参数的键值作为js对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319256|var+url_string+=+"http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5";
var+url+=+new+URL(url_string);
let+obj+=+{};
var+c+=+url.searchParams.forEach((value,+key)+=>+{
++obj[key]+=+value;
});
console.log(obj);|code-block|syntax|javascript|1319257|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can simply use core javascript to get the param's key value as a js object:

<pre><code>var url_string = "http://www.example.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5";
var url = new URL(url_string);
let obj = {};
var c = url.searchParams.forEach((value, key) =&gt; {
 obj[key] = value;
});
console.log(obj);
</code></pre>

blocks|key|1319440|text|简化版本，经过测试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319441|function+get(name){
++++var+r+=+/[?&]([%5E=#]%2B)=([%5E&#]*)/g,p={},match;
++++while(match+=+r.exec(window.location))+p[match[1]]+=+match[2];
++++return+p[name];
}|code-block|syntax|javascript|1319442|用法：|1319443|var参数=获取‘参数’|1319444|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

simplified version, tested
<pre><code>function get(name){
 var r = /[?&amp;]([^=#]+)=([^&amp;#]*)/g,p={},match;
 while(match = r.exec(window.location)) p[match[1]] = match[2];
 return p[name];
}
</code></pre>
usage:
var parameter = get['parameter']

blocks|key|1319264|text|function+parseUrl(url){
++++let+urlParam+=+url.split("?")[1];
++++console.log("--------->+URL+param+:+"+%2B+urlParam);
++++urlParam+=+urlParam.split("&");
++++let+urlParamObject+=+{};
++++for(let+i=0;i+<+urlParam.length;i%2B%2B){
++++++++let+tmp+=+urlParam[i].split("=");
++++++++urlParamObject[tmp[0]]+=+tmp[1];
++++}
++++return+urlParamObject;
}

let+param+=+parseUrl(url);
param.a+//+output+10
param.b+//+output+20|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1319265|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function parseUrl(url){
 let urlParam = url.split("?")[1];
 console.log("---------&gt; URL param : " + urlParam);
 urlParam = urlParam.split("&amp;");
 let urlParamObject = {};
 for(let i=0;i &lt; urlParam.length;i++){
 let tmp = urlParam[i].split("=");
 urlParamObject[tmp[0]] = tmp[1];
 }
 return urlParamObject;
}

let param = parseUrl(url);
param.a // output 10
param.b // output 20
</code></pre>

blocks|key|1534539|text|获取单个参数值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1534540|function+getQueryParameter(query,+parameter)+{
return+(window.location.href.split(parameter+%2B+'=')[1].split('&')[0]);}|code-block|syntax|javascript|1534541|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Get a single param value:

<pre><code>function getQueryParameter(query, parameter) {
return (window.location.href.split(parameter + '=')[1].split('&amp;')[0]);}
</code></pre>

blocks|key|1534629|text|你可以通过下面的函数来实现：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1534630|function+getParameter(parameterName){
++++++++let+paramsIndex+=+document.URL.indexOf("?");
++++++++let+params="";
++++++++if(paramsIndex>0)
++++++++++++params=document.URL.substring(paramsIndex%2B1,+document.URL.length).split("&");
++++++++let+result+=+[];
++++++++for(let+i=0;i<params.length;i%2B%2B)
++++++++{
++++++++++++console.warn(params[i].split("=")[0].toString()%2B+","+%2B+params[i].split("=")[1].toString());
++++++++++++var+obj+=+{"key":params[i].split("=")[0].toString(),"value":params[i].split("=")[1].toString()};
++++++++++++result.push(obj);
++++++++}
++++++++return+passedValue+=+result.find(x=>x.key==parameterName).value;
++++}|code-block|syntax|javascript|1534631|现在您可以使用getParameter("parameterName")获取参数值|offset|length|style|CODE|1534632|entityMap^0|0|0|7|T|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

you can do it by bellow function:
<pre><code>function getParameter(parameterName){
 let paramsIndex = document.URL.indexOf(&quot;?&quot;);
 let params=&quot;&quot;;
 if(paramsIndex&gt;0)
 params=document.URL.substring(paramsIndex+1, document.URL.length).split(&quot;&amp;&quot;);
 let result = [];
 for(let i=0;i&lt;params.length;i++)
 {
 console.warn(params[i].split(&quot;=&quot;)[0].toString()+ &quot;,&quot; + params[i].split(&quot;=&quot;)[1].toString());
 var obj = {&quot;key&quot;:params[i].split(&quot;=&quot;)[0].toString(),&quot;value&quot;:params[i].split(&quot;=&quot;)[1].toString()};
 result.push(obj);
 }
 return passedValue = result.find(x=&gt;x.key==parameterName).value;
 }
</code></pre>
now you can get parameter value with <code>getParameter(&quot;parameterName&quot;)</code>

blocks|key|1534083|text|$_GET:+function+(param)+{
++++var+regex+=+new+RegExp("(?:[?&]%2B"+%2B+param+%2B+"=)([%5E&]*)?",+"i");
++++var+match+=+regex.exec(window.location.href);
++++return+match+===+null+?+match+:+match[1];
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1534084|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$_GET: function (param) {
 var regex = new RegExp("(?:[?&amp;]+" + param + "=)([^&amp;]*)?", "i");
 var match = regex.exec(window.location.href);
 return match === null ? match : match[1];
}
</code></pre>

blocks|key|1318978|text|这是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318979|function+getURLParameter(name)+{
++return+decodeURIComponent((new+RegExp('[?%7C&]'+%2B+name+%2B+'='+%2B+'([%5E&;]%2B?)(&%7C#%7C;%7C$)').exec(location.href)+%7C%7C+[null,+''])[1].replace(/\%2B/g,+'%2520'))+%7C%7C+null;
}|code-block|syntax|javascript|1318980|我没有得到任何其他最好的答案。|1318981|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This works:

<pre><code>function getURLParameter(name) {
 return decodeURIComponent((new RegExp('[?|&amp;]' + name + '=' + '([^&amp;;]+?)(&amp;|#|;|$)').exec(location.href) || [null, ''])[1].replace(/\+/g, '%20')) || null;
}
</code></pre>

I didn't get any of the other top answers to work.

blocks|key|1534424|text|正如第一个答案中所提到的，在最新的浏览器中，我们可以使用新的javascript+api，然而，获得对象中的所有参数并使用它们的更一致的本机URL解决方案可能是|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1534425|例如，这个类称为locationUtil|style|CODE|1534426|const+locationSearch+=+()+=>+window.location.search;
const+getParams+=+()+=>+{
++const+usefulSearch+=+locationSearch().replace('?',+'');
++const+params+=+{};
++usefulSearch.split('&').map(p+=>+{
++++const+searchParam+=+p.split('=');
++++const+[key,+value]+=+searchParam;
++++params[key]+=+value;
++++return+params;
++});
++return+params;
};

export+const+searchParams+=+getParams();|code-block|syntax|javascript|1534427|用法:：现在您可以在类中导入searchParams对象|1534428|例如url+-+https://www.google.com?key1=https://www.linkedin.com/in/spiara/&valid=true|1534429|import+{+searchParams+}+from+'../somewhere/locationUtil';

const+{key1,+valid}+=+searchParams;
if(valid)+{
+console.log("Do+Something");
+window.location.href+=+key1;
}|1534430|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/URL^0|1Y|3|0|0|8|C|0|0|0|8|22|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@$A|15|B|16|F|G]]|9|@]|C|$]]|$1|H|3|I|5|J|7|17|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|19|8|@$A|1A|B|1B|F|G]]|9|@]|C|$]]|$1|Q|3|R|5|J|7|1C|8|@]|9|@]|C|$K|L]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

As mentioned in the first answer in the latest browser we can use new <a href="https://developer.mozilla.org/en-US/docs/Web/API/URL" rel="nofollow noreferrer">URL</a> api,
However a more consistent native javascript easy solution to get all the params in an object and use them could be
<h3>For Example this class say <code>locationUtil</code></h3>
<pre><code>const locationSearch = () =&gt; window.location.search;
const getParams = () =&gt; {
 const usefulSearch = locationSearch().replace('?', '');
 const params = {};
 usefulSearch.split('&amp;').map(p =&gt; {
 const searchParam = p.split('=');
 const [key, value] = searchParam;
 params[key] = value;
 return params;
 });
 return params;
};

export const searchParams = getParams();
</code></pre>
<h3>Usage :: Now you can import searchParams object in your class</h3>
for Example for url --- <code>https://www.google.com?key1=https://www.linkedin.com/in/spiara/&amp;valid=true</code>
<pre><code>import { searchParams } from '../somewhere/locationUtil';

const {key1, valid} = searchParams;
if(valid) {
 console.log(&quot;Do Something&quot;);
 window.location.href = key1;
}
</code></pre>

blocks|key|1534271|text|您可以运行此函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1534272|++++function+getUrlVars()
++++{
++++++++var+vars+=+[],+hash;
++++++++var+hashes+=+window.location.href.slice(window.location.href.indexOf('?')+%2B+1).split('&');
++++++++for(var+i+=+0;+i+<+hashes.length;+i%2B%2B)
++++++++{
++++++++++++hash+=+hashes[i].split('=');
++++++++++++vars.push(hash[0]);
++++++++++++vars[hash[0]]+=+hash[1];
++++++++}
++++++++return+vars;
++++}

++++var+source+=+getUrlVars()["lm_supplier"];
++++var+el+=+source.toString();
++++var+result=+decodeURI(el);

console.log(result)|code-block|syntax|javascript|1534273|此函数从url获取您想要的内容，var+source+=getUrlVars()“放入您想从url获取的内容”；|1534274|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

you can run this function

<pre><code> function getUrlVars()
 {
 var vars = [], hash;
 var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&amp;');
 for(var i = 0; i &lt; hashes.length; i++)
 {
 hash = hashes[i].split('=');
 vars.push(hash[0]);
 vars[hash[0]] = hash[1];
 }
 return vars;
 }

 var source = getUrlVars()["lm_supplier"];
 var el = source.toString();
 var result= decodeURI(el);

console.log(result)
</code></pre>

this function get what you want from the url,
var source = getUrlVars()["put what you want to get from the url"];

blocks|key|1319086|text|++++function+gup()+{
++++var+qs+=+document.location.search;
++++qs+=+qs.split('%2B').join('+');
++++var+params+=+{},+tokens,+re+=+/[?&]?([%5E=]%2B)=([%5E&]*)/g;
++++while+(tokens+=+re.exec(qs))
++++++++params[decodeURIComponent(tokens[1])]+=+decodeURIComponent(tokens[2]);
++++return+params;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1319087|像这样使用它|unstyled|1319088|var+params+=+gup()|1319089|然后|1319090|params.param1
params.param2|1319091|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|T|8|@]|9|@]|A|$]]]|N|$]]

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

use it like

<pre><code>var params = gup()
</code></pre>

and then

<pre><code>params.param1
params.param2
</code></pre>

blocks|key|1319127|text|在我的例子中(重定向到包含所有子url的新域):：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319128|window.location.replace("https://newdomain.com"+%2B+window.location.pathname);|code-block|syntax|javascript|1319129|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In my case ( redirect to new domain with all sub url )::

<pre><code>window.location.replace("https://newdomain.com" + window.location.pathname);
</code></pre>

blocks|key|1319452|text|我的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319453|/**
+*+get+object+with+params+from+query+of+url
+*/
const+getParams+=+(url)+=>+{
++const+params+=+{};
++const+parser+=+document.createElement('a');
++parser.href+=+url;
++const+query+=+parser.search.substring(1);
++if+(query+!==+'')+{
++++const+vars+=+query.split('&');
++++for+(let+i+=+0;+i+<+vars.length;+i%2B%2B)+{
++++++const+pair+=+vars[i].split('=');
++++++const+key+=+decodeURIComponent(pair[0]).replace('[]',+'');
++++++const+value+=+decodeURIComponent(pair[1]);
++++++
++++++if+(key+in+params)+{
++++++++if+(Array.isArray(params[key]))+{
++++++++++params[key].push(value);
++++++++}+else+{
++++++++++params[key]+=+[params[key]];
++++++++++params[key].push(value);
++++++++}
++++++}+else+params[key]+=+value;
++++}
++}
++return+params;
}|code-block|syntax|javascript|1319454|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My solution:
<pre><code>/**
 * get object with params from query of url
 */
const getParams = (url) =&gt; {
 const params = {};
 const parser = document.createElement('a');
 parser.href = url;
 const query = parser.search.substring(1);
 if (query !== '') {
 const vars = query.split('&amp;');
 for (let i = 0; i &lt; vars.length; i++) {
 const pair = vars[i].split('=');
 const key = decodeURIComponent(pair[0]).replace('[]', '');
 const value = decodeURIComponent(pair[1]);
 
 if (key in params) {
 if (Array.isArray(params[key])) {
 params[key].push(value);
 } else {
 params[key] = [params[key]];
 params[key].push(value);
 }
 } else params[key] = value;
 }
 }
 return params;
}
</code></pre>

blocks|key|1319724|text|同一主题的变种……此函数通过使用两个正则表达式解析URL，返回所有参数的键/值字典。当涉及到替换参数值时，这可能很有用。这应该可以在旧的浏览器上工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319725|++++function+get_all_params(url)
++++{+++++++++++++++
++++++++var+regexS+=+/(?<=&%7C\?)([%5E=]*=[%5E&#]*)/;
++++++++var+regex+=+new+RegExp(+regexS,'g'+);
++++++++var+results+=+url.match(regex);++++++++++++
++++++++if(results==null)
++++++++{
++++++++++++return+{};
++++++++}
++++++++else
++++++++{
++++++++++++returned={};
++++++++++++for(i=0;i<results.length;i%2B%2B)
++++++++++++{
++++++++++++++++var+tmp=results[i];++++++++++++++++
++++++++++++++++var+regexS2="([%5E=]%2B)=([%5E=]%2B)";
++++++++++++++++var+regex2+=+new+RegExp(+regexS2+);
++++++++++++++++var+results2+=+regex2.exec(tmp+);++++++++++++++++
++++++++++++++++returned[results2[1]]=results2[2];
++++++++++++}
++++++++++++return+returned;
++++++++}+++
++++}|code-block|syntax|javascript|1319726|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Variation on the same theme.... this function returns a key/value dictionnary of all the parameters, by using two regex to parse the URL. This could be useful when it comes to replace the values of parameters. This should work on old browsers
<pre><code> function get_all_params(url)
 { 
 var regexS = /(?&lt;=&amp;|\?)([^=]*=[^&amp;#]*)/;
 var regex = new RegExp( regexS,'g' );
 var results = url.match(regex); 
 if(results==null)
 {
 return {};
 }
 else
 {
 returned={};
 for(i=0;i&lt;results.length;i++)
 {
 var tmp=results[i]; 
 var regexS2=&quot;([^=]+)=([^=]+)&quot;;
 var regex2 = new RegExp( regexS2 );
 var results2 = regex2.exec(tmp ); 
 returned[results2[1]]=results2[2];
 }
 return returned;
 } 
 }
</code></pre>

blocks|key|1319166|text|我一次又一次地遇到同样的问题。现在这里的许多用户都知道我的HAX工作，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1319167|所以我通过使用以下命令来解决这个问题：|1319168|PHP：|1319169|echo+"<p+style="display:none"+id=\"hidden-GET\">".$_GET['id']."";|code-block|syntax|javascript|1319170|JS：|1319171|document.getElementById("hidden-GET").innerHTML;|1319172|简单的HAX，但工作正常。|1319173|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I have had the same problem over and over again. 
Now many users here now I'm famous for my HAX work,

so I solve it by using: 

PHP:

<pre><code>echo "&lt;p style="display:none" id=\"hidden-GET\"&gt;".$_GET['id']."&lt;/p&gt;";
</code></pre>

JS:

<pre><code>document.getElementById("hidden-GET").innerHTML;
</code></pre>

Simple HAX but working.

I have a URL with some GET parameters as follows:

<pre><code>www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5 
</code></pre>

I need to get the whole value of <code>c</code>. I tried to read the URL, but I got only <code>m2</code>. How do I do this using JavaScript?

Get the values from the "GET" parameters (JavaScript)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个带有一些GET参数的URL，如下所示：www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5 我需要得到c的整个值。我试图读取网址，但我得到的只是m2。如何使用JavaScript完成此操作？

问从" Get“参数获取值(JavaScript)
EN

回答 47

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从" Get“参数获取值(JavaScript)EN

回答 47

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从" Get“参数获取值(JavaScript)
EN