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|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|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|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|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|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|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|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|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|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()可以很容易地做到这一点，但我想知道用JavaScr...

问解析JavaScript中的URL
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解析JavaScript中的URLEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解析JavaScript中的URL
EN