blocks|key|626663|text|如果你的字符串叫做s，那么|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|626664|var+id+=+s.match(/img_id=([%5E&]%2B)/)[1]|code-block|syntax|javascript|626665|会把它给你。|626666|entityMap^0|9|1|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|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

If your string is called <code>s</code> then

<pre><code>var id = s.match(/img_id=([^&amp;]+)/)[1]
</code></pre>

will give it to you.

blocks|key|842370|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|842371|var+url+=+window.location;
var+urlAux+=+url.split('=');
var+img_id+=+urlAux[1]|code-block|syntax|javascript|842372|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|$]]

Try this:

<pre><code>var url = window.location;
var urlAux = url.split('=');
var img_id = urlAux[1]
</code></pre>

blocks|key|626886|text|一个线条：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626887|location.search.replace('?','').split('&').reduce(function(s,c){var+t=c.split('=');s[t[0]]=t[1];return+s;},{})|code-block|syntax|javascript|626888|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:

<pre><code>location.search.replace('?','').split('&amp;').reduce(function(s,c){var t=c.split('=');s[t[0]]=t[1];return s;},{})
</code></pre>

blocks|key|842428|text|现有良好的jQuery插件Purl+(A+JavaScript+URL+parser).This实用程序可以通过两种方式使用-使用jQuery或不使用...|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|842429|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/allmarkedup/jQuery-URL-Parser^0|D|U|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Existing good jQuery plugin <a href="https://github.com/allmarkedup/jQuery-URL-Parser">Purl (A JavaScript URL parser)</a>.This utility can be used in two ways - with jQuery or without...

blocks|key|626718|text|从谷歌上得到的，试着用这个方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626719|function+getQuerystring2(key,+default_)+
{+
++++if+(default_==null)+
++++{+
++++++++default_="";+
++++}+
++++var+search+=+unescape(location.search);+
++++if+(search+==+"")+
++++{+
++++++++return+default_;+
++++}+
++++search+=+search.substr(1);+
++++var+params+=+search.split("&");+
++++for+(var+i+=+0;+i+<+params.length;+i%2B%2B)+
++++{+
++++++++var+pairs+=+params[i].split("=");+
++++++++if(pairs[0]+==+key)+
++++++++{+
++++++++++++return+pairs[1];+
++++++++}+
++++}+


return+default_;+
}|code-block|syntax|javascript|626720|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|$]]

got it from google, try to use this method

<pre><code>function getQuerystring2(key, default_) 
{ 
 if (default_==null) 
 { 
 default_=""; 
 } 
 var search = unescape(location.search); 
 if (search == "") 
 { 
 return default_; 
 } 
 search = search.substr(1); 
 var params = search.split("&amp;"); 
 for (var i = 0; i &lt; params.length; i++) 
 { 
 var pairs = params[i].split("="); 
 if(pairs[0] == key) 
 { 
 return pairs[1]; 
 } 
 } 


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

blocks|key|626948|text|这应该可以解决科比答案中的一些边缘情况：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626949|function+getQueryParam(url,+key)+{
++var+queryStartPos+=+url.indexOf('?');
++if+(queryStartPos+===+-1)+{
++++return;
++}
++var+params+=+url.substring(queryStartPos+%2B+1).split('&');
++for+(var+i+=+0;+i+<+params.length;+i%2B%2B)+{
++++var+pairs+=+params[i].split('=');
++++if+(decodeURIComponent(pairs.shift())+==+key)+{
++++++return+decodeURIComponent(pairs.join('='));
++++}
++}
}

getQueryParam('http://example.com/form_image_edit.php?img_id=33',+'img_id');
//+outputs+"33"|code-block|syntax|javascript|626950|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|$]]

This should fix a few edge-cases in kobe's answer:

<pre><code>function getQueryParam(url, key) {
 var queryStartPos = url.indexOf('?');
 if (queryStartPos === -1) {
 return;
 }
 var params = url.substring(queryStartPos + 1).split('&amp;');
 for (var i = 0; i &lt; params.length; i++) {
 var pairs = params[i].split('=');
 if (decodeURIComponent(pairs.shift()) == key) {
 return decodeURIComponent(pairs.join('='));
 }
 }
}

getQueryParam('http://example.com/form_image_edit.php?img_id=33', 'img_id');
// outputs "33"
</code></pre>

blocks|key|842469|text|我写了一个javascript+url解析库，URL.js，你可以用它来做这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|842470|示例：|842471|url.parse("http://mysite.com/form_image_edit.php?img_id=33").get.img_id+===+"33"|code-block|syntax|javascript|842472|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/kevincox/url.js^0|N|6|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]]]]

I wrote a javascript url parsing library, <a href="https://github.com/kevincox/url.js" rel="nofollow">URL.js</a>, you can use it for this.

Example:

<pre><code>url.parse("http://mysite.com/form_image_edit.php?img_id=33").get.img_id === "33"
</code></pre>

blocks|key|626876|text|这样的东西对你来说应该是有效的。即使有多个查询字符串值，此函数也应返回所需键的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|626877|function+getQSValue(url)+
{
++++key+=+'img_id';
++++query_string+=+url.split('?');
++++string_values+=+query_string[1].split('&');
++++for(i=0;++i+<+string_values.length;+i%2B%2B)
++++{
++++++++if(+string_values[i].match(key))
++++++++++++req_value+=+string_values[i].split('=');++++
++++}
++++return+req_value[1];
}|code-block|syntax|javascript|626878|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|$]]

Something like this should work for you. Even if there are multiple query string values then this function should return the value of your desired key. 

<pre><code>function getQSValue(url) 
{
 key = 'img_id';
 query_string = url.split('?');
 string_values = query_string[1].split('&amp;');
 for(i=0; i &lt; string_values.length; i++)
 {
 if( string_values[i].match(key))
 req_value = string_values[i].split('='); 
 }
 return req_value[1];
}
</code></pre>

blocks|key|626842|text|你可以使用jquery插件http://plugins.jquery.com/url。$.url("?img_id")将返回33|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|626843|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/url^0|17|G|1Q|2|D|T|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

You can use the jquery plugin <a href="http://plugins.jquery.com/url" rel="nofollow">http://plugins.jquery.com/url</a>. <code>$.url("?img_id")</code> will return <code>33</code>

blocks|key|626896|text|function+parse_url(str,+component)+{
++//+++++++discuss+at:+http://phpjs.org/functions/parse_url/
++//++++++original+by:+Steven+Levithan+(http://blog.stevenlevithan.com)
++//+reimplemented+by:+Brett+Zamir+(http://brett-zamir.me)
++//+++++++++input+by:+Lorenzo+Pisani
++//+++++++++input+by:+Tony
++//++++++improved+by:+Brett+Zamir+(http://brett-zamir.me)
++//+++++++++++++note:+original+by+http://stevenlevithan.com/demo/parseuri/js/assets/parseuri.js
++//+++++++++++++note:+blog+post+at+http://blog.stevenlevithan.com/archives/parseuri
++//+++++++++++++note:+demo+at+http://stevenlevithan.com/demo/parseuri/js/assets/parseuri.js
++//+++++++++++++note:+Does+not+replace+invalid+characters+with+'_'+as+in+PHP,+nor+does+it+return+false+with
++//+++++++++++++note:+a+seriously+malformed+URL.
++//+++++++++++++note:+Besides+function+name,+is+essentially+the+same+as+parseUri+as+well+as+our+allowing
++//+++++++++++++note:+an+extra+slash+after+the+scheme/protocol+(to+allow+file:///+as+in+PHP)
++//++++++++example+1:+parse_url('http://username:password@hostname/path?arg=value#anchor');
++//++++++++returns+1:+{scheme:+'http',+host:+'hostname',+user:+'username',+pass:+'password',+path:+'/path',+query:+'arg=value',+fragment:+'anchor'}

++var+query,+key+=+['source',+'scheme',+'authority',+'userInfo',+'user',+'pass',+'host',+'port',
++++++'relative',+'path',+'directory',+'file',+'query',+'fragment'
++++],
++++ini+=+(this.php_js+&&+this.php_js.ini)+%7C%7C+{},
++++mode+=+(ini['phpjs.parse_url.mode']+&&
++++++ini['phpjs.parse_url.mode'].local_value)+%7C%7C+'php',
++++parser+=+{
++++++php:+/%5E(?:([%5E:\/?#]%2B):)?(?:\/\/()(?:(?:()(?:([%5E:@]*):?([%5E:@]*))?@)?([%5E:\/?#]*)(?::(\d*))?))?()(?:(()(?:(?:[%5E?#\/]*\/)*)()(?:[%5E?#]*))(?:\?([%5E#]*))?(?:#(.*))?)/,
++++++strict:+/%5E(?:([%5E:\/?#]%2B):)?(?:\/\/((?:(([%5E:@]*):?([%5E:@]*))?@)?([%5E:\/?#]*)(?::(\d*))?))?((((?:[%5E?#\/]*\/)*)([%5E?#]*))(?:\?([%5E#]*))?(?:#(.*))?)/,
++++++loose:+/%5E(?:(?![%5E:@]%2B:[%5E:@\/]*@)([%5E:\/?#.]%2B):)?(?:\/\/\/?)?((?:(([%5E:@]*):?([%5E:@]*))?@)?([%5E:\/?#]*)(?::(\d*))?)(((\/(?:[%5E?#](?![%5E?#\/]*\.[%5E?#\/.]%2B(?:[?#]%7C$)))*\/?)?([%5E?#\/]*))(?:\?([%5E#]*))?(?:#(.*))?)/+//+Added+one+optional+slash+to+post-scheme+to+catch+file:///+(should+restrict+this)
++++};

++var+m+=+parser[mode].exec(str),
++++uri+=+{},
++++i+=+14;
++while+(i--)+{
++++if+(m[i])+{
++++++uri[key[i]]+=+m[i];
++++}
++}

++if+(component)+{
++++return+uri[component.replace('PHP_URL_',+'')
++++++.toLowerCase()];
++}
++if+(mode+!==+'php')+{
++++var+name+=+(ini['phpjs.parse_url.queryKey']+&&
++++++ini['phpjs.parse_url.queryKey'].local_value)+%7C%7C+'queryKey';
++++parser+=+/(?:%5E%7C&)([%5E&=]*)=?([%5E&]*)/g;
++++uri[name]+=+{};
++++query+=+uri[key[12]]+%7C%7C+'';
++++query.replace(parser,+function($0,+$1,+$2)+{
++++++if+($1)+{
++++++++uri[name][$1]+=+$2;
++++++}
++++});
++}
++delete+uri.source;
++return+uri;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|626897|reference|unstyled|offset|length|626898|entityMap|0|LINK|mutability|MUTABLE|url|http://phpjs.org/functions/parse_url/^0|0|0|9|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>function parse_url(str, component) {
 // discuss at: http://phpjs.org/functions/parse_url/
 // original by: Steven Levithan (http://blog.stevenlevithan.com)
 // reimplemented by: Brett Zamir (http://brett-zamir.me)
 // input by: Lorenzo Pisani
 // input by: Tony
 // improved by: Brett Zamir (http://brett-zamir.me)
 // note: original by http://stevenlevithan.com/demo/parseuri/js/assets/parseuri.js
 // note: blog post at http://blog.stevenlevithan.com/archives/parseuri
 // note: demo at http://stevenlevithan.com/demo/parseuri/js/assets/parseuri.js
 // note: Does not replace invalid characters with '_' as in PHP, nor does it return false with
 // note: a seriously malformed URL.
 // note: Besides function name, is essentially the same as parseUri as well as our allowing
 // note: an extra slash after the scheme/protocol (to allow file:/// as in PHP)
 // example 1: parse_url('http://username:password@hostname/path?arg=value#anchor');
 // returns 1: {scheme: 'http', host: 'hostname', user: 'username', pass: 'password', path: '/path', query: 'arg=value', fragment: 'anchor'}

 var query, key = ['source', 'scheme', 'authority', 'userInfo', 'user', 'pass', 'host', 'port',
 'relative', 'path', 'directory', 'file', 'query', 'fragment'
 ],
 ini = (this.php_js &amp;&amp; this.php_js.ini) || {},
 mode = (ini['phpjs.parse_url.mode'] &amp;&amp;
 ini['phpjs.parse_url.mode'].local_value) || 'php',
 parser = {
 php: /^(?:([^:\/?#]+):)?(?:\/\/()(?:(?:()(?:([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?))?()(?:(()(?:(?:[^?#\/]*\/)*)()(?:[^?#]*))(?:\?([^#]*))?(?:#(.*))?)/,
 strict: /^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/,
 loose: /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/\/?)?((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/ // Added one optional slash to post-scheme to catch file:/// (should restrict this)
 };

 var m = parser[mode].exec(str),
 uri = {},
 i = 14;
 while (i--) {
 if (m[i]) {
 uri[key[i]] = m[i];
 }
 }

 if (component) {
 return uri[component.replace('PHP_URL_', '')
 .toLowerCase()];
 }
 if (mode !== 'php') {
 var name = (ini['phpjs.parse_url.queryKey'] &amp;&amp;
 ini['phpjs.parse_url.queryKey'].local_value) || 'queryKey';
 parser = /(?:^|&amp;)([^&amp;=]*)=?([^&amp;]*)/g;
 uri[name] = {};
 query = uri[key[12]] || '';
 query.replace(parser, function($0, $1, $2) {
 if ($1) {
 uri[name][$1] = $2;
 }
 });
 }
 delete uri.source;
 return uri;
}
</code></pre>

<a href="http://phpjs.org/functions/parse_url/" rel="nofollow">reference</a>

blocks|key|626970|text|var+url+=+window.location;
var+urlAux+=+url.split('=');
var+img_id+=+urlAux[1]|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|626971|对我很管用。但是第一个变量应该是var+url+=+window.location.href|unstyled|626972|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>var url = window.location;
var urlAux = url.split('=');
var img_id = urlAux[1]
</code></pre>

Worked for me. But the first var should be var url = window.location.href

blocks|key|627019|text|Web+Worker提供了一个用于url解析的utils+URL。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|627020|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/URL^0|T|3|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Web Workers provide an utils <a href="https://developer.mozilla.org/en-US/docs/Web/API/URL" rel="nofollow noreferrer">URL</a> for url parsing.

How do I parse an URL with JavaScript (also with jQuery)?

For instance I have this in my string,

<pre><code>url = "http://example.com/form_image_edit.php?img_id=33"
</code></pre>

I want to get the value of <code>img_id</code>

I know I can do this easily with PHP with <code>parse_url()</code>, but I want to know how it is possible with JavaScript.

Parse an URL in JavaScript

jQuery

如何使用JavaScript (也可以使用jQuery)解析URL？例如，我的字符串中有这个，url = "http://example.com/form_image_edit.php?img_id=33"我想要获取img_id的值我知道用PHP和parse_url()可以很容易地做到这一点，但我想知道用JavaScript是如何做到的。

问解析JavaScript中的URL
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解析JavaScript中的URLEN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解析JavaScript中的URL
EN