blocks|key|917443|text|JavaScript本身并没有内置处理查询字符串参数的功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|917444|在(现代)浏览器中运行的代码您可以使用URL+object+(它是浏览器为JS提供的API的一部分)：|offset|length|style|CODE|917445|​|917446|var+url_string+=+"http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5";+//window.location.href
var+url+=+new+URL(url_string);
var+c+=+url.searchParams.get("c");
console.log(c);|code-block|syntax|javascript|917447|917448|917449|对于较旧的浏览器(包括Internet+Explorer)，您可以使用this+polyfill或此答案早于URL的原始版本中的代码|917450|您可以访问location.search，它将为您提供从?字符到URL端或片段标识符(#foo)开头(以先到者为准)的信息。|917451|然后，您可以使用以下代码对其进行解析：|917452|917453|function+parse_query_string(query)+{
++var+vars+=+query.split("&");
++var+query_string+=+{};
++for+(var+i+=+0;+i+<+vars.length;+i%2B%2B)+{
++++var+pair+=+vars[i].split("=");
++++var+key+=+decodeURIComponent(pair[0]);
++++var+value+=+decodeURIComponent(pair[1]);
++++//+If+first+entry+with+this+name
++++if+(typeof+query_string[key]+===+"undefined")+{
++++++query_string[key]+=+decodeURIComponent(value);
++++++//+If+second+entry+with+this+name
++++}+else+if+(typeof+query_string[key]+===+"string")+{
++++++var+arr+=+[query_string[key],+decodeURIComponent(value)];
++++++query_string[key]+=+arr;
++++++//+If+third+or+later+entry+with+this+name
++++}+else+{
++++++query_string[key].push(decodeURIComponent(value));
++++}
++}
++return+query_string;
}

var+query_string+=+"a=1&b=3&c=m2-m3-m4-m5";
var+parsed_qs+=+parse_query_string(query_string);
console.log(parsed_qs.c);|917454|917455|您可以使用以下命令从当前页面的URL获取查询字符串：|917456|var+query+=+window.location.search.substring(1);
var+qs+=+parse_query_string(query);|917457|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams|1|https://github.com/ungap/url-search-params^0|0|J|3|J|A|0|0|0|0|0|0|1I|3|Z|D|1|0|5|F|S|1|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|@$D|1G|E|1H|F|G]]|9|@$D|1I|E|1J|1|1K]]|A|$]]|$1|H|3|I|5|6|7|1L|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1M|8|@]|9|@]|A|$M|N]]|$1|O|3|I|5|6|7|1N|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1P|8|@$D|1Q|E|1R|F|G]]|9|@$D|1S|E|1T|1|1U]]|A|$]]|$1|S|3|T|5|6|7|1V|8|@$D|1W|E|1X|F|G]|$D|1Y|E|1Z|F|G]]|9|@]|A|$]]|$1|U|3|V|5|6|7|20|8|@]|9|@]|A|$]]|$1|W|3|I|5|6|7|21|8|@]|9|@]|A|$]]|$1|X|3|Y|5|L|7|22|8|@]|9|@]|A|$M|N]]|$1|Z|3|I|5|6|7|23|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|24|8|@]|9|@]|A|$]]|$1|12|3|13|5|L|7|25|8|@]|9|@]|A|$M|N]]|$1|14|3|-4|5|6|7|26|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B]]|1C|$5|17|18|19|A|$1A|1D]]]]

JavaScript itself has nothing built in for handling query string parameters. 

Code running in a (modern) browser you can use the <a href="https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams" rel="noreferrer"><code>URL</code> object</a> (which is part of the APIs provided by browsers to JS):

<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>var url_string = "http://www.example.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5"; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("c");
console.log(c);</code></pre>
</div>
</div>


<hr>

For older browsers (including Internet Explorer), you can use <a href="https://github.com/ungap/url-search-params" rel="noreferrer">this polyfill</a> or the code from the original version of this answer that predates <code>URL</code>:

You could access <code>location.search</code>, which would give you from the <code>?</code> character on to the end of the URL or the start of the fragment identifier (#foo), whichever comes first.

Then you can parse it with this:

<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>function parse_query_string(query) {
 var vars = query.split("&amp;");
 var query_string = {};
 for (var i = 0; i &lt; vars.length; i++) {
 var pair = vars[i].split("=");
 var key = decodeURIComponent(pair[0]);
 var value = decodeURIComponent(pair[1]);
 // If first entry with this name
 if (typeof query_string[key] === "undefined") {
 query_string[key] = decodeURIComponent(value);
 // If second entry with this name
 } else if (typeof query_string[key] === "string") {
 var arr = [query_string[key], decodeURIComponent(value)];
 query_string[key] = arr;
 // If third or later entry with this name
 } else {
 query_string[key].push(decodeURIComponent(value));
 }
 }
 return query_string;
}

var query_string = "a=1&amp;b=3&amp;c=m2-m3-m4-m5";
var parsed_qs = parse_query_string(query_string);
console.log(parsed_qs.c);</code></pre>
</div>
</div>


You can get the query string from the URL of the current page with:

<pre><code>var query = window.location.search.substring(1);
var qs = parse_query_string(query);
</code></pre>

blocks|key|917479|text|您可以在location.search中获取查询字符串，然后可以拆分问号后面的所有内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|917480|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|917481|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|1322208|text|source|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1322209|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|1322210|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|21724|text|我见过的大多数实现都没有对名称和值进行URL解码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|21725|下面是一个通用的实用函数，它也可以进行适当的URL解码：|21726|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|21727|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|4134763|text|我使用parseUri库。它允许您完全按照您的要求进行操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4134764|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|4134765|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|22681|text|See+this|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|22682|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|22683|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|4134791|text|下面是我发现的一个可读性更好的解决方案--但它需要<+IE8：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4134792|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|4134793|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|1322279|text|我很久以前就发现，这很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1322280|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|1322281|然后这样叫它：|1322282|var+fType+=+getUrlVars()["type"];|1322283|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|21797|text|这是一种只检查一个参数的简单方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|21798|示例URL：|21799|http://myserver/action?myParam=2|code-block|syntax|javascript|21800|示例Javascript：|21801|var+myParam+=+location.search.split('myParam=')[1]|21802|如果URL中存在"myParam“...变量myParam将包含"2"，否则为未定义。|21803|也许你想要一个默认值，在这种情况下：|21804|var+myParam+=+location.search.split('myParam=')[1]+?+location.search.split('myParam=')[1]+:+'myDefaultValue';|21805|更新：这样做效果更好：|offset|length|style|BOLD|21806|var+url+=+"http://www.example.com/index.php?myParam=384&login=admin";+//+or+window.location.href+for+current+url
var+captured+=+/myParam=([%5E&]%2B)/.exec(url)[1];+//+Value+is+in+[1]+('384'+in+our+case)
var+result+=+captured+?+captured+:+'myDefaultValue';|21807|即使URL充满了参数，它也能正常工作。|21808|entityMap^0|0|0|0|0|0|0|0|0|0|3|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|1C|8|@$U|1D|V|1E|W|X]]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1F|8|@]|9|@]|A|$G|H]]|$1|10|3|11|5|6|7|1G|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|13|$]]

This is an easy way to check just one parameter:
Example URL:
<pre><code>http://myserver/action?myParam=2
</code></pre>
Example Javascript:
<pre class="lang-js prettyprint-override"><code>var myParam = location.search.split('myParam=')[1]
</code></pre>
if &quot;myParam&quot; exists in the URL... variable myParam will contain &quot;2&quot;, otherwise it will be undefined.
Maybe you want a default value, in that case:
<pre class="lang-js prettyprint-override"><code>var myParam = location.search.split('myParam=')[1] ? location.search.split('myParam=')[1] : 'myDefaultValue';
</code></pre>
Update: This works better:
<pre class="lang-js prettyprint-override"><code>var url = &quot;http://www.example.com/index.php?myParam=384&amp;login=admin&quot;; // or window.location.href for current url
var captured = /myParam=([^&amp;]+)/.exec(url)[1]; // Value is in [1] ('384' in our case)
var result = captured ? captured : 'myDefaultValue';
</code></pre>
And it works right even when URL is full of parameters.

blocks|key|4134900|text|这是一个没有正则表达式的递归解决方案，并且有最小的变化(只有params对象发生了变化，我相信这在JS中是不可避免的)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4134901|太棒了，因为它：|offset|length|style|BOLD|4134902|recursive|4134903|Handles+|unordered-list-item|4134904|
|4134905|是多个同名参数|4134906|4134907|可以很好地处理格式错误的参数字符串(缺失值等)如果'=‘在value|4134908|4134909|Performs+|4134910|解码|4134911|中，|4134912|不会中断，最后，它很棒，因为it...argh!!!|4134913|4134914|4134915|代码：|4134916|var+get_params+=+function(search_string)+{

++var+parse+=+function(params,+pairs)+{
++++var+pair+=+pairs[0];
++++var+parts+=+pair.split('=');
++++var+key+=+decodeURIComponent(parts[0]);
++++var+value+=+decodeURIComponent(parts.slice(1).join('='));

++++//+Handle+multiple+parameters+of+the+same+name
++++if+(typeof+params[key]+===+"undefined")+{
++++++params[key]+=+value;
++++}+else+{
++++++params[key]+=+[].concat(params[key],+value);
++++}

++++return+pairs.length+==+1+?+params+:+parse(params,+pairs.slice(1))
++}

++//+Get+rid+of+leading+?
++return+search_string.length+==+0+?+{}+:+parse({},+search_string.substr(1).split('&'));
}

var+params+=+get_params(location.search);

//+Finally,+to+get+the+param+you+want
params['c'];|code-block|syntax|javascript|4134917|entityMap^0|0|0|8|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1E|8|@$D|1F|E|1G|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1H|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1I|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1J|8|@]|9|@]|A|$]]|$1|O|3|P|5|L|7|1K|8|@]|9|@]|A|$]]|$1|Q|3|N|5|6|7|1L|8|@]|9|@]|A|$]]|$1|R|3|S|5|L|7|1M|8|@]|9|@]|A|$]]|$1|T|3|N|5|6|7|1N|8|@]|9|@]|A|$]]|$1|U|3|V|5|L|7|1O|8|@]|9|@]|A|$]]|$1|W|3|X|5|L|7|1P|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|L|7|1Q|8|@]|9|@]|A|$]]|$1|10|3|11|5|L|7|1R|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1S|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|1U|8|@$D|1V|E|1W|F|G]]|9|@]|A|$]]|$1|16|3|17|5|18|7|1X|8|@]|9|@]|A|$19|1A]]|$1|1B|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]]|1C|$]]

Here is a recursive solution that has no regex, and has minimal mutation (only the params object is mutated, which I believe is unavoidable in JS).

It's awesome because it:

<ul>
<li>Is recursive</li>
<li>Handles multiple parameters of the same name</li>
<li>Deals well with malformed parameter strings (missing values, so on)</li>
<li>Doesn't break if '=' is in the value</li>
<li>Performs URL decoding</li>
<li>And lastly, It's awesome because it...argh!!!</li>
</ul>

Code:

<pre><code>var get_params = function(search_string) {

 var parse = function(params, pairs) {
 var pair = pairs[0];
 var parts = pair.split('=');
 var key = decodeURIComponent(parts[0]);
 var value = decodeURIComponent(parts.slice(1).join('='));

 // Handle multiple parameters of the same name
 if (typeof params[key] === "undefined") {
 params[key] = value;
 } else {
 params[key] = [].concat(params[key], value);
 }

 return pairs.length == 1 ? params : parse(params, pairs.slice(1))
 }

 // Get rid of leading ?
 return search_string.length == 0 ? {} : parse({}, search_string.substr(1).split('&amp;'));
}

var params = get_params(location.search);

// Finally, to get the param you want
params['c'];
</code></pre>

blocks|key|1324439|text|我尽可能喜欢写速记：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1324440|网址:+example.com/mortgage_calc.htm?pmts=120&intr=6.8&prin=10000|1324441|Vanilla+Javascript：|1324442|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|1324443|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|1322386|text|还有另一个建议。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1322387|已经有一些很好的答案，但我发现它们不必要地复杂和难以理解。这很简短，它返回一个简单的关联数组，其中的键名对应于URL中的令牌名。|1322388|我为那些想学习的人添加了一个版本，下面有评论。|1322389|注这依赖于jQuery+($.each)的循环，我推荐使用它而不是forEach。我发现使用jQuery来确保跨浏览器的兼容性要比插入单独的补丁来支持任何旧浏览器不支持的新功能要简单得多。|1322390|编辑:在我写完这篇文章后，我注意到Eric+Elliott的回答，虽然它使用了forEach，但几乎是一样的，而我通常是反对的(基于上面提到的原因)。|1322391|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|1322392|评论版本：|1322393|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
}|1322394|对于下面的示例，我们将假设此地址：|1322395|http://www.example.com/page.htm?id=4&name=murray|1322396|您可以将URL标记分配给您自己的变量：|1322397|var+tokens+=+getTokens();|1322398|然后按如下所示的名称引用每个URL标记：|1322399|document.write(+tokens['id']+);|1322400|这将打印"4“。|1322401|您也可以直接从函数中引用一个令牌名：|1322402|document.write(+getTokens()['name']+);|1322403|...which会打印“默里”。|1322404|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|21895|text|这个问题有太多的答案，所以我添加了另一个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|21896|/**
+*+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|21897|用法：|21898|getURIParameter("id")++//+returns+the+last+id+or+null+if+not+present
getURIParameter("id",+true)+//+returns+an+array+of+all+ids|21899|这解决了空参数(那些没有"=value"的键)、标量和基于数组的值检索API的公开，以及正确的URI组件解码。|offset|length|style|CODE|21900|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|917908|text|您可以添加一个输入框，然后要求用户将值复制到其中…这样做真的很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|917909|<h1>Hey+User!+Can+you+please+copy+the+value+out+of+the+location+bar+where+it+says+like,+&m=2?+Thanks!+And+then,+if+you+could...paste+it+in+the+box+below+and+click+the+Done+button?</h1>
<input+type='text'+id='the-url-value'+/>
<input+type='button'+value='This+is+the+Done+button.+Click+here+after+you+do+all+that+other+stuff+I+wrote.'+/>

<script>
//...read+the+value+on+click|code-block|syntax|javascript|917910|917911|好吧，说真的……我找到了这段代码，看起来运行得很好：|917912|http://www.developerdrive.com/2013/08/turning-the-querystring-into-a-json-object-using-javascript/|offset|length|917913|function+queryToJSON()+{
++++var+pairs+=+location.search.slice(1).split('&');

++++var+result+=+{};
++++pairs.forEach(function(pair)+{
++++++++pair+=+pair.split('=');
++++++++result[pair[0]]+=+decodeURIComponent(pair[1]+%7C%7C+'');
++++});

++++return+JSON.parse(JSON.stringify(result));
}

var+query+=+queryToJSON();|917914|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|2Q|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@]|9|@$L|11|M|12|1|13]]|A|$]]|$1|N|3|O|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|P|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|K]]]]

You can add an input box and then ask the user to copy the value into it...it's really easy that way:

<pre><code>&lt;h1&gt;Hey User! Can you please copy the value out of the location bar where it says like, &amp;m=2? Thanks! And then, if you could...paste it in the box below and click the Done button?&lt;/h1&gt;
&lt;input type='text' id='the-url-value' /&gt;
&lt;input type='button' value='This is the Done button. Click here after you do all that other stuff I wrote.' /&gt;

&lt;script&gt;
//...read the value on click
</code></pre>

<hr>

Ok, seriously though...I found this code and it seems to work good:

<a href="http://www.developerdrive.com/2013/08/turning-the-querystring-into-a-json-object-using-javascript/" rel="nofollow">http://www.developerdrive.com/2013/08/turning-the-querystring-into-a-json-object-using-javascript/</a>

<pre><code>function queryToJSON() {
 var pairs = location.search.slice(1).split('&amp;');

 var result = {};
 pairs.forEach(function(pair) {
 pair = pair.split('=');
 result[pair[0]] = decodeURIComponent(pair[1] || '');
 });

 return JSON.parse(JSON.stringify(result));
}

var query = queryToJSON();
</code></pre>

blocks|key|22827|text|这是我的解决方案：jsfiddle|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|22828|下面的方法返回一个包含给定URL参数的字典。如果没有参数，它将为null。|22829|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|22830|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|22835|text|下面是我要做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|22836|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|22837|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|1324543|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|1324544|从这里得到：http://jquery-howto.blogspot.ru/2009/09/get-url-parameters-values-with-jquery.html|unstyled|offset|length|1324545|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|1324555|text|使用dojo。这里没有其他解决方案是简短的，也没有经过充分测试的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1324556|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|1324557|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|1322513|text|我写了一个更简单、更优雅的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1322514|var+arr+=+document.URL.match(/room=([0-9]%2B)/)
var+room+=+arr[1];|code-block|syntax|javascript|1322515|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|4135496|text|或者，如果您不想重新发明URI解析轮，请使用URI.js|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4135497|要获取名为foo的参数值，请执行以下操作：|4135498|new+URI((''%2Bdocument.location)).search(true).foo|code-block|syntax|javascript|4135499|它所做的是|4135500|4135501|将document.location转换为字符串(它是一个对象)|ordered-list-item|4135502|将该字符串馈送到URI.js+URI类construtor|4135503|Invoke+()函数中，以获取url的搜索(查询)部分|4135504|4135505|(传递true将告诉它输出一个对象)|4135506|访问结果对象的foo属性以获取值|unordered-list-item|4135507|4135508|这是一把小提琴...http://jsfiddle.net/m6tett01/12/|4135509|entityMap|0|LINK|mutability|MUTABLE|url|http://medialize.github.io/URI.js/|1|http://jsfiddle.net/m6tett01/12/^0|M|6|0|0|0|0|0|0|0|0|0|0|0|0|0|A|W|1|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]]|C|$]]|$1|D|3|E|5|6|7|1H|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1I|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1J|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|1K|8|@]|9|@]|C|$]]|$1|N|3|O|5|P|7|1L|8|@]|9|@]|C|$]]|$1|Q|3|R|5|P|7|1M|8|@]|9|@]|C|$]]|$1|S|3|T|5|P|7|1N|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1O|8|@]|9|@]|C|$]]|$1|V|3|W|5|6|7|1P|8|@]|9|@]|C|$]]|$1|X|3|Y|5|Z|7|1Q|8|@]|9|@]|C|$]]|$1|10|3|-4|5|6|7|1R|8|@]|9|@]|C|$]]|$1|11|3|12|5|6|7|1S|8|@]|9|@$A|1T|B|1U|1|1V]]|C|$]]|$1|13|3|-4|5|6|7|1W|8|@]|9|@]|C|$]]]|14|$15|$5|16|17|18|C|$19|1A]]|1B|$5|16|17|18|C|$19|1C]]]]

Or if you don't want to reinvent the URI parsing wheel use <a href="http://medialize.github.io/URI.js/">URI.js</a>

To get the value of a parameter named foo:

<pre><code>new URI((''+document.location)).search(true).foo
</code></pre>

What that does is 

<ol>
<li>Convert document.location to a string (it's an object) </li>
<li>Feed that string to URI.js's URI class construtor</li>
<li>Invoke the search() function to get the search (query) portion of the url 
(passing true tells it to output an object)</li>
<li>Access the foo property on the resulting object to get the value</li>
</ol>

Here's a fiddle for this.... <a href="http://jsfiddle.net/m6tett01/12/">http://jsfiddle.net/m6tett01/12/</a>

blocks|key|22917|text|window.location.href.split("?")|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|22918|然后忽略第一个索引|unstyled|22919|Array.prototype.slice.call(window.location.href.split("?"),+1)+|22920|返回url参数的数组。|22921|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;+},+{});|22922|paramObject包含了映射为js对象的所有参数，这有点冗长，但也很实用|22923|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|22934|text|PHP+parse_str模仿..:)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|22935|//+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|22936|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|4135632|text|从许多答案中学习(如VaMoose、Gnarf或Blixt的答案)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4135633|您可以创建一个对象(或使用Location对象)并添加一个方法，该方法允许您以JS样式获取已解码的URL参数：|4135634|Url+=+{
++++params:+undefined,
++++get+get(){
++++++++if(!this.params){
++++++++++++var+vars+=+{};
++++++++++++if(url.length!==0)
++++++++++++++++url.replace(/[?&]%2B([%5E=&]%2B)=([%5E&]*)/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;
++++}
};|code-block|syntax|javascript|4135635|这允许仅使用Url.get调用该方法。|style|CODE|4135636|第一次它将从url获取对象，下一次它将加载已保存的对象。|4135637|示例|4135638|在像?param1=param1Value&param2=param2Value&param1=param1Value2这样的url中，可以像这样获取参数：|4135639|Url.get.param1+//["param1Value","param1Value2"]
Url.get.param2+//"param2Value"|4135640|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/20097994/2308745|1|https://stackoverflow.com/a/827390/2308745|2|https://stackoverflow.com/a/979996/2308745^0|A|7|0|I|5|1|O|5|2|0|0|0|6|7|0|0|0|2|1M|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]|$A|1C|B|1D|1|1E]|$A|1F|B|1G|1|1H]]|C|$]]|$1|D|3|E|5|6|7|1I|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1J|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1K|8|@$A|1L|B|1M|M|N]]|9|@]|C|$]]|$1|O|3|P|5|6|7|1N|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1O|8|@]|9|@]|C|$]]|$1|S|3|T|5|6|7|1P|8|@$A|1Q|B|1R|M|N]]|9|@]|C|$]]|$1|U|3|V|5|H|7|1S|8|@]|9|@]|C|$I|J]]|$1|W|3|-4|5|6|7|1T|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]|14|$5|Z|10|11|C|$12|15]]|16|$5|Z|10|11|C|$12|17]]]]

Learning from many answers (like <a href="https://stackoverflow.com/a/20097994/2308745">VaMoose</a>'s, <a href="https://stackoverflow.com/a/827390/2308745">Gnarf</a>'s or <a href="https://stackoverflow.com/a/979996/2308745">Blixt</a>'s).
You can create an object (or use the Location object) and add a method that allows you to get the URL parameters, decoded and with JS style:
<pre><code>Url = {
 params: undefined,
 get get(){
 if(!this.params){
 var vars = {};
 if(url.length!==0)
 url.replace(/[?&amp;]+([^=&amp;]+)=([^&amp;]*)/gi, function(m,key,value){
 key=decodeURIComponent(key);
 if(typeof vars[key]===&quot;undefined&quot;) {
 vars[key]= decodeURIComponent(value);
 }
 else {
 vars[key]= [].concat(vars[key], decodeURIComponent(value));
 }
 });
 this.params = vars;
 }
 return this.params;
 }
};
</code></pre>
This allows the method to be called just using <code>Url.get</code>.
The first time it will fetch the object from the url, next times it will load the saved ones.
<h3>Example</h3>
In a url like <code>?param1=param1Value&amp;param2=param2Value&amp;param1=param1Value2</code>, parameters can be fetched like:
<pre><code>Url.get.param1 //[&quot;param1Value&quot;,&quot;param1Value2&quot;]
Url.get.param2 //&quot;param2Value&quot;
</code></pre>

blocks|key|918414|text|对于像这样的单参数值，index.html?msg=1使用以下代码，|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|918415|$(window).load(function(){
++++queryString();
});

function+queryString()
{
++++var+queryString+=+window.location.search.substring(1);
++++var+varArray+=+queryString.split("=");+//eg.+index.html?msg=1

++++var+param1+=+varArray[0];
++++var+param2+=+varArray[1];

}|code-block|syntax|javascript|918416|对于所有参数值，请使用以下代码：|918417|$(window).load(function(){
++++queryString();
});

function+queryString()
{
++++var+queryString+=+window.location.search;
++++var+varArray+=+queryString.split("&");
++++for+(var+i=0;i<varArray.length;i%2B%2B)+{
++++++var+param+=+varArray[i].split("=");
++++++++//parameter-value+pair
++++}
}+|918418|entityMap^0|6|4|0|0|2|4|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

For Single Parameter Value like this index.html?msg=1 use following code,

<pre><code>$(window).load(function(){
 queryString();
});

function queryString()
{
 var queryString = window.location.search.substring(1);
 var varArray = queryString.split("="); //eg. index.html?msg=1

 var param1 = varArray[0];
 var param2 = varArray[1];

}
</code></pre>

For All Parameter Value use following Code,

<pre><code>$(window).load(function(){
 queryString();
});

function queryString()
{
 var queryString = window.location.search;
 var varArray = queryString.split("&amp;");
 for (var i=0;i&lt;varArray.length;i++) {
 var param = varArray[i].split("=");
 //parameter-value pair
 }
} 
</code></pre>

blocks|key|4135721|text|在这里，我发布了一个示例。但它是用jQuery写的。希望它能帮助其他人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4135722|<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|4135723|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|918498|text|以下是将url查询参数解析为对象的angularJs源代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|918499|​|918500|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|918501|918502|您可以将此函数添加到window.location|style|CODE|918503|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"|918504|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|918512|text|ECMAScript+6解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|918513|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|918514|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|1324745|text|我做了一个函数来做这件事：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1324746|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|1324747|2017年5月26日更新，这是一个ES7实现(使用巴别塔预设阶段0、1、2或3运行)：|1324748|const+getUrlParams+=+url+=>+`${url}?`.split('?')[1]
++.split('&').reduce((params,+pair)+=>
++++((key,+val)+=>+key+?+{...params,+[key]:+val}+:+params)
++++(...`${pair}=`.split('=').map(decodeURIComponent)),+{});|1324749|一些测试：|1324750|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+{}|1324751|2018年3月26日更新，这里是一个Typescript实现：|1324752|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
++++},
++++{}
++)|1324753|2019年2月13日更新，这里是一个使用TypeScript+3的更新的TypeScript实现。|1324754|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,+{})|1324755|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|918596|text|我需要读取URL+GET变量并完成基于url参数的操作。我到处寻找解决方案，发现了这段小代码。它主要读取当前页面的url，对URL执行一些正则表达式，然后将url参数保存在一个关联数组中，我们可以很容易地访问它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|918597|举个例子，如果我们有下面的url，在底部有javascript。|918598|http://TestServer/Pages/NewsArchive.aspx?year=2013&Month=July|code-block|syntax|javascript|918599|要获取参数id和page，我们只需调用以下代码：|918600|代码将为：|offset|length|style|BOLD|918601|<script+type="text/javascript">
var+first+=+getUrlVars()["year"];
var+second+=+getUrlVars()["Month"];

alert(first);
alert(second);
function+getUrlVars()+{
var+vars+=+{};
var+parts+=+window.location.href.replace(/[?&]%2B([%5E=&]%2B)=([%5E&]*)/gi,+function(m,key,value)+{
vars[key]+=+value;
});
return+vars;
}
</script>|918602|entityMap^0|0|0|0|0|0|5|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Y|8|@$M|Z|N|10|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

I had the need to read a URL GET variable and complete an action based on the url parameter. I searched high and low for a solution and came across this little piece of code. It basically reads the current page url, perform some regular expression on the URL then saves the url parameters in an associative array, which we can easily access.
So as an example if we had the following url with the javascript at the bottom in place.
<pre><code>http://TestServer/Pages/NewsArchive.aspx?year=2013&amp;Month=July
</code></pre>
All we’d need to do to get the parameters id and page are to call this:
The Code will be:
<pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
var first = getUrlVars()[&quot;year&quot;];
var second = getUrlVars()[&quot;Month&quot;];

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

blocks|key|4135917|text|简单的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4135918|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|4135919|然后将其命名为getParams(url)|4135920|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|23094|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|23095|这应该适用于您的情况，无论参数是不是最后一个。|unstyled|23096|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|1324875|text|浏览器供应商已经通过URL和URLSearchParams实现了一种原生方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1324876|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|1324877|目前支持Firefox、Opera、Safari、Chrome和Edge。有关浏览器支持see+here的列表。|offset|length|1324878|https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams+https://developer.mozilla.org/en-US/docs/Web/API/URL/URL|1324879|https://url.spec.whatwg.org/|1324880|谷歌的工程师Eric+Bidelman将这个polyfill用于不支持的浏览器。|1324881|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|23178|text|我使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23179|function+getVal(str)+{
++++var+v+=+window.location.search.match(new+RegExp('(?:[\?\&]'%2Bstr%2B'=)([%5E&]%2B)'));
++++return+v+?+v[1]+:+null;
}|code-block|syntax|javascript|23180|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|1322815|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|1322816|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|1324912|text|这是我的解决方案。正如Andy+E在回答this+question时建议的那样，如果脚本重复构建各种正则表达式字符串、运行循环等只是为了获得一个值，那么这对脚本的性能并不好。因此，我想出了一个更简单的脚本，它在一个对象中返回所有的GET参数。您应该只调用它一次，将结果赋给一个变量，然后，在将来的任何时候，使用适当的键从该变量中获得您想要的任何值。请注意，它还负责URI解码(比如%2520)，并用空格替换%2B：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1324913|+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|1324914|因此，这里有一些脚本的测试供您查看：|1324915|//+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".|1324916|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|918777|text|我们可以以一种更简单的方式获得c参数值，而无需循环所有参数，请参阅下面的jQuery以获取参数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|918778|1.获取参数值：|918779|var+url+=+"www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5";

url.match(**/(c=)[0-9A-Za-z-]%2B/ig**)[0].replace('c=',"")|code-block|syntax|javascript|918780|(或)|918781|url.match(**/(c=)[0-z-]%2B/ig**)[0].replace('c=',"")|918782|以字符串形式返回|918783|918784|+"m2-m3-m4-m5“|blockquote|918785|918786|918787|2.替换参数值：|918788|var+url+=+"www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5";

url.replace(**/(c=)[0-9A-Za-z-]%2B/ig,+"c=m2345"**)|918789|entityMap^0|F|1|0|0|8|0|0|0|0|0|0|0|0|0|0|8|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1B|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1D|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]|$1|T|3|U|5|V|7|1F|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]|$1|X|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|10|3|11|5|J|7|1L|8|@]|D|@]|E|$K|L]]|$1|12|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|13|$]]

We can get the c parameter values in a simpler way without looping all the parameters, see the below jQuery to get the parameters.

1. To Get the Parameter value:

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

url.match(**/(c=)[0-9A-Za-z-]+/ig**)[0].replace('c=',"")
</code></pre>

(or)

<pre><code>url.match(**/(c=)[0-z-]+/ig**)[0].replace('c=',"")
</code></pre>

returns as a string

<blockquote>
 "m2-m3-m4-m5"
</blockquote>

2. To Replace the parameter value:

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

url.replace(**/(c=)[0-9A-Za-z-]+/ig, "c=m2345"**)
</code></pre>

blocks|key|1324943|text|这是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1324944|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|1324945|我没有得到任何其他最好的答案。|1324946|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|23277|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|23278|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|4136186|text|使用URLSearchParams的一种非常简单的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4136187|function+getParam(param){
++return+new+URLSearchParams(window.location.search).get(param);
}|code-block|syntax|javascript|4136188|目前，Chrome、火狐、Safari、Edge和others都支持它。|4136189|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|919470|text|我开发了一个JavaScript工具，只需简单的一步即可完成此任务|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919471|首先，将此脚本链接复制到HTML的头部：|919472|<script+src="https://booligoosh.github.io/urlParams/urlParams.js"></script>|code-block|syntax|javascript|919473|然后，只需使用urlParams.c或urlParams['c']获取c的值。很简单！|offset|length|style|CODE|919474|。|919475|还请记住，我确实开发了这个，但它是您的问题的一个简单和轻松的解决方案。此工具还包括十六进制字符解码，这通常很有帮助。|919476|entityMap^0|0|0|0|7|B|J|E|Z|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@$K|Y|L|Z|M|N]|$K|10|L|11|M|N]|$K|12|L|13|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|T|$]]

I developed a JavaScript tool to do this in one easy step

First, copy this script link into the head of your HTML:

<pre><code>&lt;script src="https://booligoosh.github.io/urlParams/urlParams.js"&gt;&lt;/script&gt;
</code></pre>

Then simply get the value of <code>c</code> using <code>urlParams.c</code> or <code>urlParams['c']</code>.
Simple!

<a href="https://booligoosh.github.io/urlParams/index.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5" rel="nofollow noreferrer">You can see a real demo using your values here</a>.

Also keep in mind that I did develop this, but it's an easy and carefree solution to your problem. This tool also includes hex character decoding, which can often be helpful.

blocks|key|22414|text|您可以运行此函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|22415|++++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|22416|此函数从url获取您想要的内容，var+source+=getUrlVars()“放入您想从url获取的内容”；|22417|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|4136289|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|4136290|像这样使用它|unstyled|4136291|var+params+=+gup()|4136292|然后|4136293|params.param1
params.param2|4136294|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|1322941|text|在我的例子中(重定向到包含所有子url的新域):：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1322942|window.location.replace("https://newdomain.com"+%2B+window.location.pathname);|code-block|syntax|javascript|1322943|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|4136355|text|到目前为止，是我所见过的最完整的JavaScript查询字符串解析器实现。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4136356|不幸的是，它被写成了一个jQuery插件。|4136357|我将其重写为vanilla+JS，并做了一些改进：|4136358|​|4136359|function+parseQuery(str)+{
++var+qso+=+{};
++var+qs+=+(str+%7C%7C+document.location.search);
++//+Check+for+an+empty+querystring
++if+(qs+==+"")+{
++++return+qso;
++}
++//+Normalize+the+querystring
++qs+=+qs.replace(/(%5E\?)/,+'').replace(/;/g,+'&');
++while+(qs.indexOf("&&")+!=+-1)+{
++++qs+=+qs.replace(/&&/g,+'&');
++}
++qs+=+qs.replace(/([\&]%2B$)/,+'');
++//+Break+the+querystring+into+parts
++qs+=+qs.split("&");
++//+Build+the+querystring+object
++for+(var+i+=+0;+i+<+qs.length;+i%2B%2B)+{
++++var+qi+=+qs[i].split("=");
++++qi+=+qi.map(function(n)+{
++++++return+decodeURIComponent(n)
++++});
++++if+(typeof+qi[1]+===+"undefined")+{
++++++qi[1]+=+null;
++++}
++++if+(typeof+qso[qi[0]]+!==+"undefined")+{

++++++//+If+a+key+already+exists+then+make+this+an+object
++++++if+(typeof+(qso[qi[0]])+==+"string")+{
++++++++var+temp+=+qso[qi[0]];
++++++++if+(qi[1]+==+"")+{
++++++++++qi[1]+=+null;
++++++++}
++++++++qso[qi[0]]+=+[];
++++++++qso[qi[0]].push(temp);
++++++++qso[qi[0]].push(qi[1]);

++++++}+else+if+(typeof+(qso[qi[0]])+==+"object")+{
++++++++if+(qi[1]+==+"")+{
++++++++++qi[1]+=+null;
++++++++}
++++++++qso[qi[0]].push(qi[1]);
++++++}
++++}+else+{
++++++//+If+no+key+exists+just+set+it+as+a+string
++++++if+(qi[1]+==+"")+{
++++++++qi[1]+=+null;
++++++}
++++++qso[qi[0]]+=+qi[1];
++++}
++}
++return+qso;
}

//+DEMO
console.log(parseQuery("?foo=bar&foo=boo&roo=bar;bee=bop;=ghost;=ghost2;&;checkbox%255B%255D=b1;checkbox%255B%255D=b2;dd=;http=http%253A%252F%252Fw3schools.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab&http=http%253A%252F%252Fw3schools2.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab"));|code-block|syntax|javascript|4136360|4136361|另请参见。|4136362|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|V|8|@]|9|@]|A|$K|L]]|$1|M|3|G|5|6|7|W|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<a href="https://gist.github.com/EldonMcGuinness/6bccc6a0c62f85c378a6" rel="noreferrer">This Gist by Eldon McGuinness</a> is by far the most complete implementation of a JavaScript query string parser that I've seen so far.

Unfortunately, it's written as a jQuery plugin.

I rewrote it to vanilla JS and made a few improvements :

<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>function parseQuery(str) {
 var qso = {};
 var qs = (str || document.location.search);
 // Check for an empty querystring
 if (qs == "") {
 return qso;
 }
 // Normalize the querystring
 qs = qs.replace(/(^\?)/, '').replace(/;/g, '&amp;');
 while (qs.indexOf("&amp;&amp;") != -1) {
 qs = qs.replace(/&amp;&amp;/g, '&amp;');
 }
 qs = qs.replace(/([\&amp;]+$)/, '');
 // Break the querystring into parts
 qs = qs.split("&amp;");
 // Build the querystring object
 for (var i = 0; i &lt; qs.length; i++) {
 var qi = qs[i].split("=");
 qi = qi.map(function(n) {
 return decodeURIComponent(n)
 });
 if (typeof qi[1] === "undefined") {
 qi[1] = null;
 }
 if (typeof qso[qi[0]] !== "undefined") {

 // If a key already exists then make this an object
 if (typeof (qso[qi[0]]) == "string") {
 var temp = qso[qi[0]];
 if (qi[1] == "") {
 qi[1] = null;
 }
 qso[qi[0]] = [];
 qso[qi[0]].push(temp);
 qso[qi[0]].push(qi[1]);

 } else if (typeof (qso[qi[0]]) == "object") {
 if (qi[1] == "") {
 qi[1] = null;
 }
 qso[qi[0]].push(qi[1]);
 }
 } else {
 // If no key exists just set it as a string
 if (qi[1] == "") {
 qi[1] = null;
 }
 qso[qi[0]] = qi[1];
 }
 }
 return qso;
}

// DEMO
console.log(parseQuery("?foo=bar&amp;foo=boo&amp;roo=bar;bee=bop;=ghost;=ghost2;&amp;;checkbox%5B%5D=b1;checkbox%5B%5D=b2;dd=;http=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab&amp;http=http%3A%2F%2Fw3schools2.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab"));</code></pre>
</div>
</div>


See also <a href="http://jsfiddle.net/cb57dusv/45/" rel="noreferrer">this Fiddle</a>.

blocks|key|22491|text|我尝试了很多不同的方法，但当我在URL中寻找参数值时，这个久经考验的真正的regex函数对我来说是有效的，希望这能有所帮助：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|22492|​|22493|++++++++var+text+=+'www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5'

++++++++function+QueryString(item,+text){
++++++++++++var+foundString+=+text.match(new+RegExp("[\?\&]"+%2B+item+%2B+"=([%5E\&]*)(\&?)","i"));
++++++++++++return+foundString+?+foundString[1]+:+foundString;
++++++++}

++++++++console.log(QueryString('c',+text));|code-block|syntax|javascript|22494|22495|像QueuryString('param_name',+url)一样使用，并将返回值|offset|length|style|CODE|22496|22497|+m2-m3-m4-m5|blockquote|22498|22499|entityMap^0|0|0|0|0|1|V|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@$L|11|M|12|N|O]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|13|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|14|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|V|$]]

I tried a lot of different ways, but this tried and true regex function works for me when I am looking for param values in a URL, hope this helps:

<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> var text = 'www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5'

 function QueryString(item, text){
 var foundString = text.match(new RegExp("[\?\&amp;]" + item + "=([^\&amp;]*)(\&amp;?)","i"));
 return foundString ? foundString[1] : foundString;
 }

 console.log(QueryString('c', text));</code></pre>
</div>
</div>


use like <code>QueuryString('param_name', url)</code> and will return the value

<blockquote>
 m2-m3-m4-m5
</blockquote>

blocks|key|919616|text|最短路径：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919617|new+URL(location.href).searchParams.get("my_key");|code-block|syntax|javascript|919618|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|919635|text|我一次又一次地遇到同样的问题。现在这里的许多用户都知道我的HAX工作，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919636|所以我通过使用以下命令来解决这个问题：|919637|PHP：|919638|echo+"<p+style="display:none"+id=\"hidden-GET\">".$_GET['id']."";|code-block|syntax|javascript|919639|JS：|919640|document.getElementById("hidden-GET").innerHTML;|919641|简单的HAX，但工作正常。|919642|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.

blocks|key|919672|text|我更喜欢使用可用的资源，而不是重新发明如何解析这些参数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919673|919674|将URL解析为对象|ordered-list-item|919675|提取搜索参数部分|919676|将searchParams从迭代器转换为数组，并将键值数组转换为对象。|919677|919678|​|919679|const+url+=+'http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5';
const+params+=+[...+new+URL(url).searchParams.entries()]
++.reduce((a,+c)+=>+Object.assign(a,+{[c[0]]:c[1]}),+{})

console.log(params);|code-block|syntax|javascript|919680|919681|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|11|8|@]|9|@]|A|$P|Q]]|$1|R|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|T|$]]

I prefer to use available resources rather than reinventing how to parse those params.

<ol>
<li>Parse the URL as an object</li>
<li>Extract the search params part</li>
<li>Transform the searchParams from an Iterator to an Array with array expansion.</li>
<li>Reduce the key-value array into an object.</li>
</ol>

<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 url = 'http://www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5';
const params = [... new URL(url).searchParams.entries()]
 .reduce((a, c) =&gt; Object.assign(a, {[c[0]]:c[1]}), {})

console.log(params);</code></pre>
</div>
</div>

blocks|key|1325156|text|正如第一个答案中所提到的，在最新的浏览器中，我们可以使用新的javascript+api，然而，获得对象中的所有参数并使用它们的更一致的本机URL解决方案可能是|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1325157|例如，这个类称为locationUtil|style|CODE|1325158|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|1325159|用法:：现在您可以在类中导入searchParams对象|1325160|例如url+-+https://www.google.com?key1=https://www.linkedin.com/in/spiara/&valid=true|1325161|import+{+searchParams+}+from+'../somewhere/locationUtil';

const+{key1,+valid}+=+searchParams;
if(valid)+{
+console.log("Do+Something");
+window.location.href+=+key1;
}|1325162|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|22566|text|您可以简单地使用core+javascript来获取参数的键值作为js对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|22567|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|22568|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|4136536|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|4136537|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|1323071|text|从window.location中的搜索对象中提取所有url参数作为json|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1323072|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|1323073|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|919786|text|获取单个参数值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919787|function+getQueryParameter(query,+parameter)+{
return+(window.location.href.split(parameter+%2B+'=')[1].split('&')[0]);}|code-block|syntax|javascript|919788|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|919812|text|一个liner和IE11友好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919813|>+(window.location.href).match('c=([%5E&]*)')[1]
>+"m2-m3-m4-m5"|code-block|syntax|javascript|919814|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|22886|text|使用replace()方法的最简单方法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|22887|From+the+urlStr+string:|BOLD|22888|paramVal+=+urlStr.replace(/.*param_name=([%5E&]*).*%7C(.*)/,+'$1');|code-block|syntax|javascript|22889|或来自当前+URL的|22890|paramVal+=+document.URL.replace(/.*param_name=([%5E&]*).*%7C(.*)/,+'$1');|22891|Explanation:|22892|22893|document.URL+-接口返回文档位置(页面url)作为string.|unordered-list-item|22894|replace()+-方法返回一个新的字符串，该字符串的一些或所有匹配的模式被替换为replacement.|22895|/.*param_name=([%5E&]*).*/+-包括在斜杠之间的组模式，这意味着：|22896|.*+-零个或多个任何字符，|22897|param_name=+-搜索的参数名称，|22898|()+-正则表达式中的组，|22899|[%5E&]*+-除&之外的一个或多个任何字符，|22900|%7C+-交替，|22901|$1+-引用常规expression.|22902|22903|中的第一个组|22904|​|22905|22906|var+urlStr+=+'www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5';
var+c+=+urlStr.replace(/.*c=([%5E&]*).*%7C(.*)/,+'$1');
var+notExisted+=+urlStr.replace(/.*not_existed=([%5E&]*).*%7C(.*)/,+'$1');
console.log(`c+===+'${c}'`);
console.log(`notExisted+===+'${notExisted}'`);|22907|22908|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Document/URL|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace^0|2|9|0|0|8|9|6|G|7|9|6|0|0|6|3|0|0|0|C|0|0|0|12|0|C|0|C|0|0|0|1I|0|9|0|9|1|0|0|17|0|O|1|0|E|0|2|1|0|L|0|B|1|0|D|0|2|1|0|M|0|5|8|1|1|0|6|0|1|1|0|J|0|2|1|0|0|6|0|0|1|0|0|1|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|1W|8|@$9|1X|A|1Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1Z|8|@$9|20|A|21|B|H]|$9|22|A|23|B|H]|$9|24|A|25|B|H]|$9|26|A|27|B|C]]|D|@]|E|$]]|$1|I|3|J|5|K|7|28|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|29|8|@$9|2A|A|2B|B|H]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|2C|8|@]|D|@]|E|$L|M]]|$1|R|3|S|5|6|7|2D|8|@$9|2E|A|2F|B|H]]|D|@]|E|$]]|$1|T|3|-4|5|6|7|2G|8|@]|D|@]|E|$]]|$1|U|3|V|5|W|7|2H|8|@$9|2I|A|2J|B|H]|$9|2K|A|2L|B|C]]|D|@$9|2M|A|2N|1|2O]]|E|$]]|$1|X|3|Y|5|W|7|2P|8|@$9|2Q|A|2R|B|H]|$9|2S|A|2T|B|C]]|D|@$9|2U|A|2V|1|2W]]|E|$]]|$1|Z|3|10|5|W|7|2X|8|@$9|2Y|A|2Z|B|H]|$9|30|A|31|B|C]]|D|@]|E|$]]|$1|11|3|12|5|W|7|32|8|@$9|33|A|34|B|H]|$9|35|A|36|B|C]]|D|@]|E|$]]|$1|13|3|14|5|W|7|37|8|@$9|38|A|39|B|H]|$9|3A|A|3B|B|C]]|D|@]|E|$]]|$1|15|3|16|5|W|7|3C|8|@$9|3D|A|3E|B|H]|$9|3F|A|3G|B|C]]|D|@]|E|$]]|$1|17|3|18|5|W|7|3H|8|@$9|3I|A|3J|B|H]|$9|3K|A|3L|B|C]|$9|3M|A|3N|B|C]]|D|@]|E|$]]|$1|19|3|1A|5|W|7|3O|8|@$9|3P|A|3Q|B|H]|$9|3R|A|3S|B|C]]|D|@]|E|$]]|$1|1B|3|1C|5|W|7|3T|8|@$9|3U|A|3V|B|H]|$9|3W|A|3X|B|C]]|D|@]|E|$]]|$1|1D|3|-4|5|6|7|3Y|8|@]|D|@]|E|$]]|$1|1E|3|1F|5|6|7|3Z|8|@$9|40|A|41|B|H]]|D|@]|E|$]]|$1|1G|3|1H|5|6|7|42|8|@$9|43|A|44|B|H]]|D|@]|E|$]]|$1|1I|3|1H|5|6|7|45|8|@$9|46|A|47|B|H]]|D|@]|E|$]]|$1|1J|3|1K|5|K|7|48|8|@]|D|@]|E|$L|M]]|$1|1L|3|1H|5|6|7|49|8|@$9|4A|A|4B|B|H]]|D|@]|E|$]]|$1|1M|3|-4|5|6|7|4C|8|@]|D|@]|E|$]]]|1N|$1O|$5|1P|1Q|1R|E|$1S|1T]]|1U|$5|1P|1Q|1R|E|$1S|1V]]]]

<h2>The easiest way using the <code>replace()</code> method:</h2>

From the <code>urlStr</code> string:

<pre><code>paramVal = urlStr.replace(/.*param_name=([^&amp;]*).*|(.*)/, '$1');
</code></pre>

or from the current URL:

<pre><code>paramVal = document.URL.replace(/.*param_name=([^&amp;]*).*|(.*)/, '$1');
</code></pre>

Explanation:

<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/URL" rel="noreferrer"><code>document.URL</code></a> - interface returns the document location (page url) as a string.</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace" rel="noreferrer"><code>replace()</code></a> - method returns a new string with some or all matches of a pattern replaced by a replacement.</li>
<li><code>/.*param_name=([^&amp;]*).*/</code> - the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions" rel="noreferrer">regular expression</a> pattern enclosed between slashes which means:

<ul>
<li><code>.*</code> - zero or more of any characters,</li>
<li><code>param_name=</code> - param name which is serched,</li>
<li><code>()</code> - group in regular expression,</li>
<li><code>[^&amp;]*</code> - one or more of any characters excluding <code>&amp;</code>,</li>
<li><code>|</code> - alternation,</li>
<li><code>$1</code> - reference to first group in regular expression.</li>
</ul></li>
</ul>

<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>var urlStr = 'www.test.com/t.html?a=1&amp;b=3&amp;c=m2-m3-m4-m5';
var c = urlStr.replace(/.*c=([^&amp;]*).*|(.*)/, '$1');
var notExisted = urlStr.replace(/.*not_existed=([^&amp;]*).*|(.*)/, '$1');
console.log(`c === '${c}'`);
console.log(`notExisted === '${notExisted}'`);</code></pre>
</div>
</div>

blocks|key|22913|text|优雅的函数式解决方案|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|22914|让我们创建一个包含URL参数名称作为键的对象，然后我们可以很容易地通过参数名称提取参数：|22915|//+URL:+https://example.com/?test=true&orderId=9381++

//+Build+an+object+containing+key-value+pairs
export+const+queryStringParams+=+window.location.search
++.split('?')[1]
++.split('&')
++.map(keyValue+=>+keyValue.split('='))
++.reduce<QueryStringParams>((params,+[key,+value])+=>+{
++++params[key]+=+value;
++++return+params;
++},+{});

type+QueryStringParams+=+{
++[key:+string]:+string;
};


//+Return+URL+parameter+called+"orderId"
return+queryStringParams.orderId;|code-block|syntax|javascript|22916|entityMap^0|0|A|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

Elegant, functional style solution

Let's create an object containing URL param names as keys, then we can easily extract the parameter by its name:

<pre class="lang-js prettyprint-override"><code>// URL: https://example.com/?test=true&amp;orderId=9381 

// Build an object containing key-value pairs
export const queryStringParams = window.location.search
 .split('?')[1]
 .split('&amp;')
 .map(keyValue =&gt; keyValue.split('='))
 .reduce&lt;QueryStringParams&gt;((params, [key, value]) =&gt; {
 params[key] = value;
 return params;
 }, {});

type QueryStringParams = {
 [key: string]: string;
};


// Return URL parameter called "orderId"
return queryStringParams.orderId;
</code></pre>

blocks|key|919978|text|下面是一个用于获取单个参数的简短函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919979|function+getUrlParam(paramName)+{
++++var+match+=+window.location.search.match("[?&]"+%2B+paramName+%2B+"(?:&%7C$%7C=([%5E&]*))");
++++return+match+?+(match[1]+?+decodeURIComponent(match[1])+:+"")+:+null;
}|code-block|syntax|javascript|919980|这些特殊情况的处理方式与URLSearchParams一致：|919981|919982|如果参数缺失，则返回null。|unordered-list-item|offset|length|style|CODE|919983|如果参数存在但没有"=“(例如"?param")，则返回""。|919984|919985|注意！如果参数名可能包含特殊的URL或正则表达式字符(例如，如果它来自用户输入)，则需要对其进行转义。这很容易做到，如下所示：|919986|function+getUrlParamWithSpecialName(paramName)+{
++++return+getUrlParam(encodeURIComponent(paramName).replace(/[.*%2B?%5E${}()%7C[\]\\]/g,+"\\$&"));
}|919987|entityMap^0|0|0|0|0|A|4|0|S|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|13|8|@$M|14|N|15|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|L|7|16|8|@$M|17|N|18|O|P]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|19|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1A|8|@]|9|@]|A|$]]|$1|V|3|W|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|X|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|Y|$]]

Here's a short and simple function for getting a single param:

<pre><code>function getUrlParam(paramName) {
 var match = window.location.search.match("[?&amp;]" + paramName + "(?:&amp;|$|=([^&amp;]*))");
 return match ? (match[1] ? decodeURIComponent(match[1]) : "") : null;
}
</code></pre>

The handling of these special cases are consistent with URLSearchParams:

<ul>
<li>If the parameter is missing, <code>null</code> is returned.</li>
<li>If the parameter is present but there is no "=" (e.g. "?param"), <code>""</code> is returned.</li>
</ul>

Note! If there is a chance that the parameter name can contain special URL or regex characters (e.g. if it comes from user input) you need to escape it. This can easily be done like this:

<pre><code>function getUrlParamWithSpecialName(paramName) {
 return getUrlParam(encodeURIComponent(paramName).replace(/[.*+?^${}()|[\]\\]/g, "\\$&amp;"));
}
</code></pre>

blocks|key|1325282|text|试一试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1325283|url.match(/[?&]c=([%5E&]*)/)[1]|code-block|syntax|javascript|1325284|​|1325285|var+url+=+"www.test.com/t.html?a=1&bc=3&c=m2-m3-m4-m5";

c=+url.match(/[?&]c=([%5E&]*)/)[1];

console.log(c);|1325286|1325287|这是Daniel+Sokolowski+answer+Jun+27+'19的改进。Regexp解释|offset|length|1325288|第一个匹配的字符必须是|1325289|[?&]或ac=)|unordered-list-item|style|CODE|1325290|c=+(要省略参数，如参数名称在第一个匹配时使用?字符，请在&中匹配零个或多个字符(+*+)与&不同(*)从匹配数组中选择第一组|1325291|1325292|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/56793694/860099^0|0|0|0|0|0|K|H|0|0|0|0|4|5|3|0|0|2|O|1|U|1|17|1|1B|1|1F|1|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|19|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|K|3|H|5|6|7|1B|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1C|8|@]|9|@$N|1D|O|1E|1|1F]]|A|$]]|$1|P|3|Q|5|6|7|1G|8|@]|9|@]|A|$]]|$1|R|3|S|5|T|7|1H|8|@$N|1I|O|1J|U|V]|$N|1K|O|1L|U|V]]|9|@]|A|$]]|$1|W|3|X|5|T|7|1M|8|@$N|1N|O|1O|U|V]|$N|1P|O|1Q|U|V]|$N|1R|O|1S|U|V]|$N|1T|O|1U|U|V]|$N|1V|O|1W|U|V]|$N|1X|O|1Y|U|V]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|20|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16]]]]

Try

<pre><code>url.match(/[?&amp;]c=([^&amp;]*)/)[1]
</code></pre>

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var url = "www.test.com/t.html?a=1&amp;bc=3&amp;c=m2-m3-m4-m5";

c= url.match(/[?&amp;]c=([^&amp;]*)/)[1];

console.log(c);</code></pre>
</div>
</div>


This is improvement of Daniel Sokolowski <a href="https://stackoverflow.com/a/56793694/860099">answer Jun 27 '19</a>. Regexp explanation

<ul>
<li><code>[?&amp;]</code> first matched character must be <code>?</code> or <code>&amp;</code> (to omit param like <code>ac=</code>)</li>
<li><code>c=</code> name of parameter with <code>=</code> char at end</li>
<li><code>(...)</code> match in first group</li>
<li><code>[^&amp;]*</code> zero or more characters ( <code>*</code> ) different (<code>^</code>) than <code>&amp;</code></li>
<li><code>[1]</code> choose first group from array of matches</li>
</ul>

blocks|key|23590|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|23591|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|23600|text|你可以通过下面的函数来实现：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23601|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|23602|现在您可以使用getParameter("parameterName")获取参数值|offset|length|style|CODE|23603|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|4137084|text|简化版本，经过测试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4137085|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|4137086|用法：|4137087|var参数=获取‘参数’|4137088|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|1325323|text|我的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1325324|/**
+*+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|1325325|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|4137119|text|现在是N%2B%2B的时候了，我正在寻找一种干净的方法来做这件事。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4137120|我会把这个保存在这里以防我回来因为我知道我会的.|4137121|​|4137122|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|4137123|4137124|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|23012|text|同一主题的变种……此函数通过使用两个正则表达式解析URL，返回所有参数的键/值字典。当涉及到替换参数值时，这可能很有用。这应该可以在旧的浏览器上工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23013|++++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|23014|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>

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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