blocks|key|490077|text|解析URL可能比较棘手，因为您可以使用端口号和特殊字符。因此，我建议使用像parseUri这样的工具来为您完成此操作。我怀疑性能会是一个问题，除非你要解析数百个URL。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|490078|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.stevenlevithan.com/archives/parseuri^0|11|8|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]]]]

<p>Parsing a URL can be tricky because you can have port numbers and special chars. As such, I recommend using something like <a href="http://blog.stevenlevithan.com/archives/parseuri" rel="noreferrer">parseUri</a> to do this for you. I doubt performance is going to be a issue unless you are parsing hundreds of URLs.</p>


blocks|key|705783|text|不使用正则表达式的巧妙技巧：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|705784|var+tmp++++++++=+document.createElement+('a');
;+++tmp.href+++=+"http://www.example.com/12xy45";

//+tmp.hostname+will+now+contain+'www.example.com'
//+tmp.host+will+now+contain+hostname+and+port+'www.example.com:80'|code-block|syntax|javascript|705785|将上面的内容封装在下面这样的函数中，您就拥有了一种从URI中获取域部分的绝佳方法。|705786|function+url_domain(data)+{
++var++++a++++++=+document.createElement('a');
+++++++++a.href+=+data;
++return+a.hostname;
}|705787|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|$]]

<p>A neat trick without using regular expressions:</p>

<pre><code>var tmp        = document.createElement ('a');
;   tmp.href   = "http://www.example.com/12xy45";

// tmp.hostname will now contain 'www.example.com'
// tmp.host will now contain hostname and port 'www.example.com:80'
</code></pre>

<p>Wrap the above in a function such as the below and you have yourself a superb way of snatching the domain part out of an URI.</p>

<pre><code>function url_domain(data) {
  var    a      = document.createElement('a');
         a.href = data;
  return a.hostname;
}
</code></pre>


blocks|key|490139|text|//+use+this+if+you+know+you+have+a+subdomain
//+www.domain.com+->+domain.com
function+getDomain()+{
++return+window.location.hostname.replace(/([a-zA-Z0-9]%2B.)/,"");
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|490140|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>// use this if you know you have a subdomain
// www.domain.com -&gt; domain.com
function getDomain() {
  return window.location.hostname.replace(/([a-zA-Z0-9]+.)/,"");
}
</code></pre>


blocks|key|490255|text|我推荐使用npm包psl+(Public+Suffix+List)。“公共后缀列表”是所有有效的域后缀和规则的列表，不仅包括国家代码顶级域，还包括将被视为根域的unicode字符(即www.食狮.公司.cn、b.c.kobe.jp等)。有关它的更多信息，请阅读here。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|490256|尝试：|490257|npm+install+--save+psl|code-block|syntax|javascript|490258|然后运行我的"extractHostname“实现：|490259|let+psl+=+require('psl');
let+url+=+'http://www.youtube.com/watch?v=ClkQA2Lb_iE';
psl.get(extractHostname(url));+//+returns+youtube.com|490260|我不能使用npm包，所以下面只测试extractHostname。|490261|​|490262|function+extractHostname(url)+{
++++var+hostname;
++++//find+&+remove+protocol+(http,+ftp,+etc.)+and+get+hostname

++++if+(url.indexOf("//")+>+-1)+{
++++++++hostname+=+url.split('/')[2];
++++}
++++else+{
++++++++hostname+=+url.split('/')[0];
++++}

++++//find+&+remove+port+number
++++hostname+=+hostname.split(':')[0];
++++//find+&+remove+"?"
++++hostname+=+hostname.split('?')[0];

++++return+hostname;
}

//test+the+code
console.log("==+Testing+extractHostname:+==");
console.log(extractHostname("http://www.blog.classroom.me.uk/index.php"));
console.log(extractHostname("http://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("https://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("ftps://ftp.websitename.com/dir/file.txt"));
console.log(extractHostname("websitename.com:1234/dir/file.txt"));
console.log(extractHostname("ftps://websitename.com:1234/dir/file.txt"));
console.log(extractHostname("example.com?param=value"));
console.log(extractHostname("https://facebook.github.io/jest/"));
console.log(extractHostname("//youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("http://localhost:4200/watch?v=ClkQA2Lb_iE"));

//+Warning:+you+can+use+this+function+to+extract+the+"root"+domain,+but+it+will+not+be+as+accurate+as+using+the+psl+package.

function+extractRootDomain(url)+{
++++var+domain+=+extractHostname(url),
++++++++splitArr+=+domain.split('.'),
++++++++arrLen+=+splitArr.length;

++++//extracting+the+root+domain+here
++++//if+there+is+a+subdomain+
++++if+(arrLen+>+2)+{
++++++++domain+=+splitArr[arrLen+-+2]+%2B+'.'+%2B+splitArr[arrLen+-+1];
++++++++//check+to+see+if+it's+using+a+Country+Code+Top+Level+Domain+(ccTLD)+(i.e.+".me.uk")
++++++++if+(splitArr[arrLen+-+2].length+==+2+&&+splitArr[arrLen+-+1].length+==+2)+{
++++++++++++//this+is+using+a+ccTLD
++++++++++++domain+=+splitArr[arrLen+-+3]+%2B+'.'+%2B+domain;
++++++++}
++++}
++++return+domain;
}

//test+extractRootDomain
console.log("==+Testing+extractRootDomain:+==");
console.log(extractRootDomain("http://www.blog.classroom.me.uk/index.php"));
console.log(extractRootDomain("http://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("https://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("ftps://ftp.websitename.com/dir/file.txt"));
console.log(extractRootDomain("websitename.co.uk:1234/dir/file.txt"));
console.log(extractRootDomain("ftps://websitename.com:1234/dir/file.txt"));
console.log(extractRootDomain("example.com?param=value"));
console.log(extractRootDomain("https://facebook.github.io/jest/"));
console.log(extractRootDomain("//youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("http://localhost:4200/watch?v=ClkQA2Lb_iE"));|490263|490264|无论是否具有协议或端口号，您都可以提取域。这是一个非常简单的、非正则表达式的解决方案，所以我认为这样就可以了。|490265|*感谢您@Timmerz，@renoirb，@rineez，@BigDong，@ra00l，@ILikeBeansTacos，@CharlesRobertson的建议！@ross-allen，感谢您报告错误！|490266|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/psl|1|http://www.xn--85x722f.xn--55qx5d.cn/|2|https://publicsuffix.org/^0|9|O|0|2J|C|1|3M|4|2|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]|$A|1F|B|1G|1|1H]|$A|1I|B|1J|1|1K]]|C|$]]|$1|D|3|E|5|6|7|1L|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1M|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1N|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1O|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1P|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1Q|8|@]|9|@]|C|$]]|$1|S|3|T|5|H|7|1R|8|@]|9|@]|C|$I|J]]|$1|U|3|R|5|6|7|1S|8|@]|9|@]|C|$]]|$1|V|3|W|5|6|7|1T|8|@]|9|@]|C|$]]|$1|X|3|Y|5|6|7|1U|8|@]|9|@]|C|$]]|$1|Z|3|-4|5|6|7|1V|8|@]|9|@]|C|$]]]|10|$11|$5|12|13|14|C|$15|16]]|17|$5|12|13|14|C|$15|18]]|19|$5|12|13|14|C|$15|1A]]]]

<p>I recommend using the npm package <a href="https://www.npmjs.com/package/psl" rel="noreferrer">psl (Public Suffix List)</a>. The &quot;Public Suffix List&quot; is a list of all valid domain suffixes and rules, not just Country Code Top-Level domains, but unicode characters as well that would be considered the root domain (i.e. <a href="http://www.xn--85x722f.xn--55qx5d.cn" rel="noreferrer">www.食狮.公司.cn</a>, b.c.kobe.jp, etc.). Read more about it <a href="https://publicsuffix.org/" rel="noreferrer">here</a>.</p>
<p>Try:</p>
<pre><code>npm install --save psl
</code></pre>
<p>Then with my &quot;extractHostname&quot; implementation run:</p>
<pre><code>let psl = require('psl');
let url = 'http://www.youtube.com/watch?v=ClkQA2Lb_iE';
psl.get(extractHostname(url)); // returns youtube.com
</code></pre>
<p>I can't use an npm package, so below only tests extractHostname.</p>
<p><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 extractHostname(url) {
    var hostname;
    //find &amp; remove protocol (http, ftp, etc.) and get hostname

    if (url.indexOf("//") &gt; -1) {
        hostname = url.split('/')[2];
    }
    else {
        hostname = url.split('/')[0];
    }

    //find &amp; remove port number
    hostname = hostname.split(':')[0];
    //find &amp; remove "?"
    hostname = hostname.split('?')[0];

    return hostname;
}

//test the code
console.log("== Testing extractHostname: ==");
console.log(extractHostname("http://www.blog.classroom.me.uk/index.php"));
console.log(extractHostname("http://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("https://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("ftps://ftp.websitename.com/dir/file.txt"));
console.log(extractHostname("websitename.com:1234/dir/file.txt"));
console.log(extractHostname("ftps://websitename.com:1234/dir/file.txt"));
console.log(extractHostname("example.com?param=value"));
console.log(extractHostname("https://facebook.github.io/jest/"));
console.log(extractHostname("//youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractHostname("http://localhost:4200/watch?v=ClkQA2Lb_iE"));

// Warning: you can use this function to extract the "root" domain, but it will not be as accurate as using the psl package.

function extractRootDomain(url) {
    var domain = extractHostname(url),
        splitArr = domain.split('.'),
        arrLen = splitArr.length;

    //extracting the root domain here
    //if there is a subdomain 
    if (arrLen &gt; 2) {
        domain = splitArr[arrLen - 2] + '.' + splitArr[arrLen - 1];
        //check to see if it's using a Country Code Top Level Domain (ccTLD) (i.e. ".me.uk")
        if (splitArr[arrLen - 2].length == 2 &amp;&amp; splitArr[arrLen - 1].length == 2) {
            //this is using a ccTLD
            domain = splitArr[arrLen - 3] + '.' + domain;
        }
    }
    return domain;
}

//test extractRootDomain
console.log("== Testing extractRootDomain: ==");
console.log(extractRootDomain("http://www.blog.classroom.me.uk/index.php"));
console.log(extractRootDomain("http://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("https://www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("www.youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("ftps://ftp.websitename.com/dir/file.txt"));
console.log(extractRootDomain("websitename.co.uk:1234/dir/file.txt"));
console.log(extractRootDomain("ftps://websitename.com:1234/dir/file.txt"));
console.log(extractRootDomain("example.com?param=value"));
console.log(extractRootDomain("https://facebook.github.io/jest/"));
console.log(extractRootDomain("//youtube.com/watch?v=ClkQA2Lb_iE"));
console.log(extractRootDomain("http://localhost:4200/watch?v=ClkQA2Lb_iE"));</code></pre>
</div>
</div>
</p>
<p>Regardless having the protocol or even port number, you can extract the domain. This is a very simplified, non-regex solution, so I think this will do.</p>
<p>*Thank you @Timmerz, @renoirb, @rineez, @BigDong, @ra00l, @ILikeBeansTacos, @CharlesRobertson for your suggestions! @ross-allen, thank you for reporting the bug!</p>


blocks|key|490289|text|String.prototype.trim+=+function(){return+his.replace(/%5E\s%2B%7C\s%2B$/g,"");}
function+getHost(url){
++++if("undefined"==typeof(url)%7C%7Cnull==url)+return+"";
++++url+=+url.trim();+if(""==url)+return+"";
++++var+_host,_arr;
++++if(-1<url.indexOf("://")){
++++++++_arr+=+url.split('://');
++++++++if(-1<_arr[0].indexOf("/")%7C%7C-1<_arr[0].indexOf(".")%7C%7C-1<_arr[0].indexOf("\?")%7C%7C-1<_arr[0].indexOf("\&")){
++++++++++++_arr[0]+=+_arr[0].trim();
++++++++++++if(0==_arr[0].indexOf("//"))+_host+=+_arr[0].split("//")[1].split("/")[0].trim().split("\?")[0].split("\&")[0];
++++++++++++else+return+"";
++++++++}
++++++++else{
++++++++++++_arr[1]+=+_arr[1].trim();
++++++++++++_host+=+_arr[1].split("/")[0].trim().split("\?")[0].split("\&")[0];
++++++++}
++++}
++++else{
++++++++if(0==url.indexOf("//"))+_host+=+url.split("//")[1].split("/")[0].trim().split("\?")[0].split("\&")[0];
++++++++else+return+"";
++++}
++++return+_host;
}
function+getHostname(url){
++++if("undefined"==typeof(url)%7C%7Cnull==url)+return+"";
++++url+=+url.trim();+if(""==url)+return+"";
++++return+getHost(url).split(':')[0];
}
function+getDomain(url){
++++if("undefined"==typeof(url)%7C%7Cnull==url)+return+"";
++++url+=+url.trim();+if(""==url)+return+"";
++++return+getHostname(url).replace(/([a-zA-Z0-9]%2B.)/,"");
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|490290|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>String.prototype.trim = function(){return his.replace(/^\s+|\s+$/g,"");}
function getHost(url){
    if("undefined"==typeof(url)||null==url) return "";
    url = url.trim(); if(""==url) return "";
    var _host,_arr;
    if(-1&lt;url.indexOf("://")){
        _arr = url.split('://');
        if(-1&lt;_arr[0].indexOf("/")||-1&lt;_arr[0].indexOf(".")||-1&lt;_arr[0].indexOf("\?")||-1&lt;_arr[0].indexOf("\&amp;")){
            _arr[0] = _arr[0].trim();
            if(0==_arr[0].indexOf("//")) _host = _arr[0].split("//")[1].split("/")[0].trim().split("\?")[0].split("\&amp;")[0];
            else return "";
        }
        else{
            _arr[1] = _arr[1].trim();
            _host = _arr[1].split("/")[0].trim().split("\?")[0].split("\&amp;")[0];
        }
    }
    else{
        if(0==url.indexOf("//")) _host = url.split("//")[1].split("/")[0].trim().split("\?")[0].split("\&amp;")[0];
        else return "";
    }
    return _host;
}
function getHostname(url){
    if("undefined"==typeof(url)||null==url) return "";
    url = url.trim(); if(""==url) return "";
    return getHost(url).split(':')[0];
}
function getDomain(url){
    if("undefined"==typeof(url)||null==url) return "";
    url = url.trim(); if(""==url) return "";
    return getHostname(url).replace(/([a-zA-Z0-9]+.)/,"");
}
</code></pre>


blocks|key|490358|text|如果你最终进入了这个页面，并且你正在寻找最好的REGEX的URLS，试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490359|%5E(?:https?:)?(?:\/\/)?([%5E\/\?]%2B)|code-block|syntax|javascript|490360|https://regex101.com/r/pX5dL9/1|offset|length|490361|你可以像下面这样使用它，也可以以不区分大小写的方式与HTTPS和HTTP匹配：|style|CODE|490362|const+match+=+str.match(/%5E(?:https?:)?(?:\/\/)?([%5E\/\?]%2B)/i);
const+hostname+=+match+&&+match[1];|490363|它适用于没有http://的urls，有http的urls，有https的urls，只有//的urls，也不需要抓取路径和查询路径。|490364|祝好运|490365|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|V|0|0|Q|5|W|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|13|8|@]|9|@$I|14|J|15|1|16]]|A|$]]|$1|K|3|L|5|6|7|17|8|@$I|18|J|19|M|N]|$I|1A|J|1B|M|N]]|9|@]|A|$]]|$1|O|3|P|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1E|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|H]]]]

<p>If you end up on this page and you are looking for the best REGEX of URLS try this one:</p>
<pre><code>^(?:https?:)?(?:\/\/)?([^\/\?]+)
</code></pre>
<p><a href="https://regex101.com/r/pX5dL9/1" rel="nofollow noreferrer">https://regex101.com/r/pX5dL9/1</a></p>
<p>You can use it like below and also with case insensitive manner to match with <code>HTTPS</code> and <code>HTTP</code> as well.:</p>
<pre class="lang-js prettyprint-override"><code>const match = str.match(/^(?:https?:)?(?:\/\/)?([^\/\?]+)/i);
const hostname = match &amp;&amp; match[1];
</code></pre>
<p>It works for urls without http:// , with http, with https, with just // and dont grab the path and query path as well.</p>
<p>Good Luck</p>


blocks|key|490436|text|不需要解析字符串，只需将URL作为参数传递给URL+constructor即可|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|490437|const+url+=+'http://www.youtube.com/watch?v=ClkQA2Lb_iE';
const+{+hostname+}+=+new+URL(url);

console.assert(hostname+===+'www.youtube.com');|code-block|syntax|javascript|490438|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/docs/Web/API/URL^0|M|3|M|F|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>There is no need to parse the string, just pass your URL as an argument to <a href="https://developer.mozilla.org/en/docs/Web/API/URL" rel="noreferrer"><code>URL</code> constructor</a>:</p>
<pre><code>const url = 'http://www.youtube.com/watch?v=ClkQA2Lb_iE';
const { hostname } = new URL(url);

console.assert(hostname === 'www.youtube.com');
</code></pre>


blocks|key|490484|text|使用regex尝试下面的代码获取确切的域名，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490485|String+line+=+"http://www.youtube.com/watch?v=ClkQA2Lb_iE"；|offset|length|490486|++String+pattern3="([\\w\\W]\\.)%2B(.*)?(\\.[\\w]%2B)";

++Pattern+r+=+Pattern.compile(pattern3);


++Matcher+m+=+r.matcher(line);
++if+(m.find(+))+{

++++System.out.println("Found+value:+"+%2B+m.group(2)+);
++}+else+{
+++++System.out.println("NO+MATCH");
++}|code-block|syntax|javascript|490487|entityMap|0|LINK|mutability|MUTABLE|url|http://www.youtube.com/watch?v=ClkQA2Lb_iE^0|0|F|16|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|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>Try below code for exact domain name using regex, </p>

<p>String line = "<a href="http://www.youtube.com/watch?v=ClkQA2Lb_iE" rel="nofollow">http://www.youtube.com/watch?v=ClkQA2Lb_iE</a>";</p>

<pre><code>  String pattern3="([\\w\\W]\\.)+(.*)?(\\.[\\w]+)";

  Pattern r = Pattern.compile(pattern3);


  Matcher m = r.matcher(line);
  if (m.find( )) {

    System.out.println("Found value: " + m.group(2) );
  } else {
     System.out.println("NO MATCH");
  }
</code></pre>


blocks|key|490572|text|简而言之，你可以这样做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490573|var+url+=+"http://www.someurl.com/support/feature"

function+getDomain(url){
++domain=url.split("//")[1];
++return+domain.split("/")[0];
}
eg:
++getDomain("http://www.example.com/page/1")

++output:
+++"www.example.com"|code-block|syntax|javascript|490574|使用上述函数获取域名|490575|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|$]]

<p>in short way you can do like this</p>

<pre><code>var url = "http://www.someurl.com/support/feature"

function getDomain(url){
  domain=url.split("//")[1];
  return domain.split("/")[0];
}
eg:
  getDomain("http://www.example.com/page/1")

  output:
   "www.example.com"
</code></pre>

<p>Use above function to get domain name </p>


blocks|key|490597|text|代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490598|var+regex+=+/\w%2B.(com%7Cco\.kr%7Cbe)/ig;
var+urls+=+['http://www.youtube.com/watch?v=ClkQA2Lb_iE',
++++++++++++'http://youtu.be/ClkQA2Lb_iE',
++++++++++++'http://www.example.com/12xy45',
++++++++++++'http://example.com/random'];


$.each(urls,+function(index,+url)+{
++++var+convertedUrl+=+url.match(regex);
++++console.log(convertedUrl);
});|code-block|syntax|javascript|490599|结果：|490600|youtube.com
youtu.be
example.com
example.com|490601|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|$]]

<p>Code:</p>

<pre><code>var regex = /\w+.(com|co\.kr|be)/ig;
var urls = ['http://www.youtube.com/watch?v=ClkQA2Lb_iE',
            'http://youtu.be/ClkQA2Lb_iE',
            'http://www.example.com/12xy45',
            'http://example.com/random'];


$.each(urls, function(index, url) {
    var convertedUrl = url.match(regex);
    console.log(convertedUrl);
});
</code></pre>

<p>Result:</p>

<pre><code>youtube.com
youtu.be
example.com
example.com
</code></pre>


blocks|key|490663|text|好吧，我知道这是一个古老的问题，但我做了一个超级高效的url解析器，所以我想我应该分享它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490664|正如您所看到的，函数的结构非常奇怪，但这是为了提高效率。没有使用原型函数，字符串的迭代次数不会超过一次，字符的处理也不会超出必要的范围。|490665|function+getDomain(url)+{
++++var+dom+=+"",+v,+step+=+0;
++++for(var+i=0,l=url.length;+i<l;+i%2B%2B)+{
++++++++v+=+url[i];+if(step+==+0)+{
++++++++++++//First,+skip+0+to+5+characters+ending+in+':'+(ex:+'https://')
++++++++++++if(i+>+5)+{+i=-1;+step=1;+}+else+if(v+==+':')+{+i%2B=2;+step=1;+}
++++++++}+else+if(step+==+1)+{
++++++++++++//Skip+0+or+4+characters+'www.'
++++++++++++//(Note:+Doesn't+work+with+www.com,+but+that+domain+isn't+claimed+anyway.)
++++++++++++if(v+==+'w'+&&+url[i%2B1]+==+'w'+&&+url[i%2B2]+==+'w'+&&+url[i%2B3]+==+'.')+i%2B=4;
++++++++++++dom%2B=url[i];+step=2;
++++++++}+else+if(step+==+2)+{
++++++++++++//Stop+at+subpages,+queries,+and+hashes.
++++++++++++if(v+==+'/'+%7C%7C+v+==+'?'+%7C%7C+v+==+'#')+break;+dom+%2B=+v;
++++++++}
++++}
++++return+dom;
}|code-block|syntax|javascript|490666|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|$]]

<p>Okay, I know this is an old question, but I made a super-efficient url parser so I thought I'd share it.</p>

<p>As you can see, the structure of the function is very odd, but it's for efficiency. No prototype functions are used, the string doesn't get iterated more than once, and no character is processed more than necessary.</p>

<pre><code>function getDomain(url) {
    var dom = "", v, step = 0;
    for(var i=0,l=url.length; i&lt;l; i++) {
        v = url[i]; if(step == 0) {
            //First, skip 0 to 5 characters ending in ':' (ex: 'https://')
            if(i &gt; 5) { i=-1; step=1; } else if(v == ':') { i+=2; step=1; }
        } else if(step == 1) {
            //Skip 0 or 4 characters 'www.'
            //(Note: Doesn't work with www.com, but that domain isn't claimed anyway.)
            if(v == 'w' &amp;&amp; url[i+1] == 'w' &amp;&amp; url[i+2] == 'w' &amp;&amp; url[i+3] == '.') i+=4;
            dom+=url[i]; step=2;
        } else if(step == 2) {
            //Stop at subpages, queries, and hashes.
            if(v == '/' || v == '?' || v == '#') break; dom += v;
        }
    }
    return dom;
}
</code></pre>


blocks|key|490712|text|下面是jQuery的一行代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490713|$('<a>').attr('href',+url).prop('hostname');|code-block|syntax|javascript|490714|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|$]]

<p>Here's the jQuery one-liner:</p>

<pre><code>$('&lt;a&gt;').attr('href', url).prop('hostname');
</code></pre>


blocks|key|490730|text|这不是一个完整的答案，但下面的代码应该会对您有所帮助：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490731|function+myFunction()+{
++++var+str+=+"https://www.123rf.com/photo_10965738_lots-oop.html";
++++matches+=+str.split('/');
++++return+matches[2];
}|code-block|syntax|javascript|490732|我希望有人能比我更快地创建代码。它也有助于提高我的自我。|490733|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|$]]

<p>This is not a full answer, but the below code should help you:</p>

<pre><code>function myFunction() {
    var str = "https://www.123rf.com/photo_10965738_lots-oop.html";
    matches = str.split('/');
    return matches[2];
}
</code></pre>

<p>I would like some one to create code faster than mine. It help to improve my-self also.</p>


blocks|key|490770|text|我个人为这个解决方案研究了很多，我能找到的最好的一个实际上是CloudFlare的“浏览器检查”：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490771|function+getHostname(){++
++++++++++++secretDiv+=+document.createElement('div');
++++++++++++secretDiv.innerHTML+=+"<a+href='/'>x</a>";
++++++++++++secretDiv+=+secretDiv.firstChild.href;
++++++++++++var+HasHTTPS+=+secretDiv.match(/https?:\/\//)[0];
++++++++++++secretDiv+=+secretDiv.substr(HasHTTPS.length);
++++++++++++secretDiv+=+secretDiv.substr(0,+secretDiv.length+-+1);
++++++++++++return(secretDiv);++
}++

getHostname();|code-block|syntax|javascript|490772|我重写了变量，使其更具“人性化”的可读性，但它做得比预期的要好。|490773|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|$]]

<p>I personally researched a lot for this solution, and the best one I could find is actually from CloudFlare's "browser check":</p>

<pre><code>function getHostname(){  
            secretDiv = document.createElement('div');
            secretDiv.innerHTML = "&lt;a href='/'&gt;x&lt;/a&gt;";
            secretDiv = secretDiv.firstChild.href;
            var HasHTTPS = secretDiv.match(/https?:\/\//)[0];
            secretDiv = secretDiv.substr(HasHTTPS.length);
            secretDiv = secretDiv.substr(0, secretDiv.length - 1);
            return(secretDiv);  
}  

getHostname();
</code></pre>

<p>I rewritten variables so it is more "human" readable, but it does the job better than expected.</p>


blocks|key|706426|text|使用jquery的oneline|type|unstyled|depth|inlineStyleRanges|entityRanges|data|706427|$('<a>').attr('href',+document.location.href).prop('hostname');|code-block|syntax|javascript|706428|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|$]]

<p>oneline with jquery</p>

<pre><code>$('&lt;a&gt;').attr('href', document.location.href).prop('hostname');
</code></pre>


blocks|key|490846|text|有两个很好的解决方案可以解决这个问题，这取决于您是否需要优化性能(并且没有外部依赖！)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|490847|1.使用URL.hostname提高可读性|offset|length|style|CODE|490848|最干净、最简单的解决方案是使用URL.hostname。|490849|​|490850|const+getHostname+=+(url)+=>+{
++//+use+URL+constructor+and+return+hostname
++return+new+URL(url).hostname;
}

//+tests
console.log(getHostname("https://stackoverflow.com/questions/8498592/extract-hostname-name-from-string/"));
console.log(getHostname("https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname"));|code-block|syntax|javascript|490851|490852|URL.hostname是URL+API的一部分，除IE+(caniuse)以外的所有主要浏览器都支持它。如果需要支持传统浏览器，请使用URL+polyfill。|490853|额外的好处:使用URL构造函数还可以让你访问其他的URL+properties+and+methods！|490854|490855|2.使用RegEx提高性能|490856|对于大多数用例，URL.hostname应该是您的选择。然而，它仍然比这个正则表达式(test+it+yourself+on+jsPerf)慢得多：|490857|490858|const+getHostnameFromRegex+=+(url)+=>+{
++//+run+against+regex
++const+matches+=+url.match(/%5Ehttps?\:\/\/([%5E\/?#]%2B)(?:[\/?#]%7C$)/i);
++//+extract+hostname+(will+be+null+if+no+match+is+found)
++return+matches+&&+matches[1];
}

//+tests
console.log(getHostnameFromRegex("https://stackoverflow.com/questions/8498592/extract-hostname-name-from-string/"));
console.log(getHostnameFromRegex("https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname"));|490859|490860|490861|TL;DR|490862|您可能应该使用URL.hostname。如果您需要处理数量惊人的URL(性能将是一个因素)，请考虑RegEx。|490863|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname|1|https://developer.mozilla.org/en-US/docs/Web/API/URL|2|https://caniuse.com/#feat=url|3|https://github.com/zloirock/core-js#url-and-urlsearchparams|4|5|https://jsperf.com/hostname-from-url/36^0|0|4|C|0|F|C|F|C|0|0|0|0|0|0|C|D|7|1|U|7|2|1W|C|3|0|P|Q|4|0|0|0|8|C|17|Q|5|0|0|0|0|0|0|7|C|0^^$0|@$1|2|3|4|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1R|8|@$D|1S|E|1T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1U|8|@$D|1V|E|1W|F|G]]|9|@$D|1X|E|1Y|1|1Z]]|A|$]]|$1|J|3|K|5|6|7|20|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|21|8|@]|9|@]|A|$O|P]]|$1|Q|3|K|5|6|7|22|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|23|8|@$D|24|E|25|F|G]]|9|@$D|26|E|27|1|28]|$D|29|E|2A|1|2B]|$D|2C|E|2D|1|2E]]|A|$]]|$1|T|3|U|5|6|7|2F|8|@]|9|@$D|2G|E|2H|1|2I]]|A|$]]|$1|V|3|-4|5|6|7|2J|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|2K|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|2L|8|@$D|2M|E|2N|F|G]]|9|@$D|2O|E|2P|1|2Q]]|A|$]]|$1|10|3|K|5|6|7|2R|8|@]|9|@]|A|$]]|$1|11|3|12|5|N|7|2S|8|@]|9|@]|A|$O|P]]|$1|13|3|K|5|6|7|2T|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|2U|8|@]|9|@]|A|$]]|$1|15|3|16|5|6|7|2V|8|@]|9|@]|A|$]]|$1|17|3|18|5|6|7|2W|8|@$D|2X|E|2Y|F|G]]|9|@]|A|$]]|$1|19|3|-4|5|6|7|2Z|8|@]|9|@]|A|$]]]|1A|$1B|$5|1C|1D|1E|A|$1F|1G]]|1H|$5|1C|1D|1E|A|$1F|1I]]|1J|$5|1C|1D|1E|A|$1F|1K]]|1L|$5|1C|1D|1E|A|$1F|1M]]|1N|$5|1C|1D|1E|A|$1F|1I]]|1O|$5|1C|1D|1E|A|$1F|1P]]]]

<p>There are two good solutions for this, depending on whether you need to optimize for performance or not (and without external dependencies!):</p>
<h2>1. Use <code>URL.hostname</code> for readability</h2>
<p>The cleanest and easiest solution is to use <a href="https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname" rel="noreferrer"><code>URL.hostname</code></a>.</p>
<p><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 getHostname = (url) =&gt; {
  // use URL constructor and return hostname
  return new URL(url).hostname;
}

// tests
console.log(getHostname("https://stackoverflow.com/questions/8498592/extract-hostname-name-from-string/"));
console.log(getHostname("https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname"));</code></pre>
</div>
</div>
</p>
<p><code>URL.hostname</code> is part of the <a href="https://developer.mozilla.org/en-US/docs/Web/API/URL" rel="noreferrer">URL API</a>, supported by all major browsers except IE (<a href="https://caniuse.com/#feat=url" rel="noreferrer">caniuse</a>). Use a <a href="https://github.com/zloirock/core-js#url-and-urlsearchparams" rel="noreferrer">URL polyfill</a> if you need to support legacy browsers.</p>
<p>Bonus: using the URL constructor will also give you access to other <a href="https://developer.mozilla.org/en-US/docs/Web/API/URL" rel="noreferrer">URL properties and methods</a>!</p>
<hr />
<h2>2. Use RegEx for performance</h2>
<p><code>URL.hostname</code> should be your choice for most use cases. However, it's still much slower than this regex (<a href="https://jsperf.com/hostname-from-url/36" rel="noreferrer">test it yourself on jsPerf</a>):</p>
<p><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 getHostnameFromRegex = (url) =&gt; {
  // run against regex
  const matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
  // extract hostname (will be null if no match is found)
  return matches &amp;&amp; matches[1];
}

// tests
console.log(getHostnameFromRegex("https://stackoverflow.com/questions/8498592/extract-hostname-name-from-string/"));
console.log(getHostnameFromRegex("https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname"));</code></pre>
</div>
</div>
</p>
<hr />
<h2>TL;DR</h2>
<p>You should probably use <code>URL.hostname</code>. If you need to process an incredibly large number of URLs (where performance would be a factor), consider RegEx.</p>


blocks|key|490902|text|Parse-Urls似乎是具有最健壮模式的JavaScript库|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|490903|以下是这些功能的概要：|490904|Chapter+1.+Normalize+or+parse+one+URL|490905|Chapter+2.+Extract+all+URLs|490906|Chapter+3.+Extract+URIs+with+certain+names|490907|Chapter+4.+Extract+all+fuzzy+URLs|490908|Chapter+5.+Highlight+all+URLs+in+texts|490909|Chapter+6.+Extract+all+URLs+in+raw+HTML+or+XML|490910|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Andrew-Kang-G/parse-urls|1|https://github.com/Andrew-Kang-G/parse-urls#chapter-1-normalize-or-parse-one-url|2|https://github.com/Andrew-Kang-G/parse-urls#chapter-2-extract-all-urls|3|https://github.com/Andrew-Kang-G/parse-urls#chapter-3-extract-uris-with-certain-names|4|https://github.com/Andrew-Kang-G/parse-urls#chapter-4-extract-all-fuzzy-urls|5|https://github.com/Andrew-Kang-G/parse-urls#chapter-5-highlight-all-urls-in-texts|6|https://github.com/Andrew-Kang-G/parse-urls#chapter-6-extract-all-urls-in-raw-html-or-xml^0|0|A|0|0|0|0|11|1|0|0|R|2|0|0|16|3|0|0|X|4|0|0|12|5|0|0|1A|6|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]]|C|$]]|$1|D|3|E|5|6|7|1F|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1G|8|@]|9|@$A|1H|B|1I|1|1J]]|C|$]]|$1|H|3|I|5|6|7|1K|8|@]|9|@$A|1L|B|1M|1|1N]]|C|$]]|$1|J|3|K|5|6|7|1O|8|@]|9|@$A|1P|B|1Q|1|1R]]|C|$]]|$1|L|3|M|5|6|7|1S|8|@]|9|@$A|1T|B|1U|1|1V]]|C|$]]|$1|N|3|O|5|6|7|1W|8|@]|9|@$A|1X|B|1Y|1|1Z]]|C|$]]|$1|P|3|Q|5|6|7|20|8|@]|9|@$A|21|B|22|1|23]]|C|$]]|$1|R|3|-4|5|6|7|24|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]|Z|$5|U|V|W|C|$X|10]]|11|$5|U|V|W|C|$X|12]]|13|$5|U|V|W|C|$X|14]]|15|$5|U|V|W|C|$X|16]]|17|$5|U|V|W|C|$X|18]]|19|$5|U|V|W|C|$X|1A]]]]

<p><a href="https://github.com/Andrew-Kang-G/parse-urls" rel="nofollow noreferrer">Parse-Urls</a> appears to be the JavaScript library with the most robust patterns</p>

<p>Here is a rundown of the features:</p>

<p><a href="https://github.com/Andrew-Kang-G/parse-urls#chapter-1-normalize-or-parse-one-url" rel="nofollow noreferrer">Chapter 1. Normalize or parse one URL</a></p>

<p><a href="https://github.com/Andrew-Kang-G/parse-urls#chapter-2-extract-all-urls" rel="nofollow noreferrer">Chapter 2. Extract all URLs</a></p>

<p><a href="https://github.com/Andrew-Kang-G/parse-urls#chapter-3-extract-uris-with-certain-names" rel="nofollow noreferrer">Chapter 3. Extract URIs with certain names</a></p>

<p><a href="https://github.com/Andrew-Kang-G/parse-urls#chapter-4-extract-all-fuzzy-urls" rel="nofollow noreferrer">Chapter 4. Extract all fuzzy URLs</a></p>

<p><a href="https://github.com/Andrew-Kang-G/parse-urls#chapter-5-highlight-all-urls-in-texts" rel="nofollow noreferrer">Chapter 5. Highlight all URLs in texts</a></p>

<p><a href="https://github.com/Andrew-Kang-G/parse-urls#chapter-6-extract-all-urls-in-raw-html-or-xml" rel="nofollow noreferrer">Chapter 6. Extract all URLs in raw HTML or XML</a></p>


blocks|key|490915|text|只需使用the+URL()+constructor即可|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|490916|new+URL(url).host|code-block|syntax|javascript|490917|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/URL/URL^0|4|L|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]]]]

<p>Just use <a href="https://developer.mozilla.org/en-US/docs/Web/API/URL/URL" rel="noreferrer">the URL() constructor</a>:</p>

<pre><code>new URL(url).host
</code></pre>


blocks|key|706629|text|我的代码如下所示。正则表达式可以有多种形式，下面是我的测试用例，我认为它更具伸缩性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|706630|​|706631|function+extractUrlInfo(url){
++let+reg+=+/%5E((?<protocol>http[s]?):\/\/)?(?<host>((\d{1,2}%7C1\d\d%7C2[0-4]\d%7C25[0-5])\.(\d{1,2}%7C1\d\d%7C2[0-4]\d%7C25[0-5])\.(\d{1,2}%7C1\d\d%7C2[0-4]\d%7C25[0-5])\.(\d{1,2}%7C1\d\d%7C2[0-4]\d%7C25[0-5])%7C[-a-zA-Z0-9@:%25._\%2B~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%25_\%2B.~#?&//=]*)))(\:(?<port>[0-9]%7C[1-9]\d%7C[1-9]\d{2}%7C[1-9]\d{3}%7C[1-5]\d{4}%7C6[0-4]\d{3}%7C65[0-4]\d{2}%7C655[0-2]\d%7C6553[0-5]))?$/
++return+reg.exec(url).groups
}

var+url+=+"https://192.168.1.1:1234"
console.log(extractUrlInfo(url))
var+url+=+"https://stackoverflow.com/questions/8498592/extract-hostname-name-from-string"
console.log(extractUrlInfo(url))|code-block|syntax|javascript|706632|706633|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>My code looks like this.
Regular expressions can come in many forms, and here are my test cases
I think it's more scalable.</p>

<p><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 extractUrlInfo(url){
  let reg = /^((?&lt;protocol&gt;http[s]?):\/\/)?(?&lt;host&gt;((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])|[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&amp;//=]*)))(\:(?&lt;port&gt;[0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5]))?$/
  return reg.exec(url).groups
}

var url = "https://192.168.1.1:1234"
console.log(extractUrlInfo(url))
var url = "https://stackoverflow.com/questions/8498592/extract-hostname-name-from-string"
console.log(extractUrlInfo(url))</code></pre>
</div>
</div>
</p>


blocks|key|706679|text|import+URL+from+'url';

const+pathname+=+URL.parse(url).path;
console.log(url.replace(pathname,+''));|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|706680|这就兼顾了这两个协议。|unstyled|706681|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>import URL from 'url';

const pathname = URL.parse(url).path;
console.log(url.replace(pathname, ''));
</code></pre>

<p>this takes care of both the protocol.</p>


blocks|key|706683|text|url.replace(/(http(s?):\/\/[%5E/%7C$]%2B)(.*)/g,+'$1');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|706684|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>url.replace(/(http(s?):\/\/[^/|$]+)(.*)/g, '$1');
</code></pre>


<p>I would like to match just the root of a URL and not the whole URL from a text string. Given: </p>

<pre class="lang-none prettyprint-override"><code>http://www.youtube.com/watch?v=ClkQA2Lb_iE
http://youtu.be/ClkQA2Lb_iE
http://www.example.com/12xy45
http://example.com/random
</code></pre>

<p>I want to get the 2 last instances resolving to the <code>www.example.com</code> or <code>example.com</code> domain. </p>

<p>I heard regex is slow and this would be my second regex expression on the page so If there is anyway to do it without regex let me know.</p>

<p>I'm seeking a JS/jQuery version of this solution.</p>


Extract hostname name from string

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我希望只匹配URL的根，而不是文本字符串中的整个URL。给定：http://www.youtube.com/watch?v=ClkQA2Lb_iEhttp://youtu.be/ClkQA2Lb_iEhttp://www.example.com/12xy45http://example.com/random我想让最后两...

问从字符串中提取主机名
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从字符串中提取主机名EN