Answers:
我建议使用npm软件包psl（公共后缀列表）。“公共后缀列表”是所有有效域后缀和规则的列表，不仅包括国家/地区代码顶级域，还包括将被视为根域的unicode字符（即www。食狮。公司.cn，bckobe .jp等）。在此处了解更多信息。
尝试：
npm install --save psl然后使用我的“ extractHostname”实现运行：
let psl = require('psl');
let url = 'http://www.youtube.com/watch?v=ClkQA2Lb_iE';
psl.get(extractHostname(url)); // returns youtube.com
我不能使用npm软件包，因此下面仅测试extractHostname。
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"));无论是否具有协议甚至端口号，都可以提取域。这是一个非常简化的非正则表达式解决方案，所以我认为这可以做到。
*感谢@ Timmerz，@ renoirb，@ rineez，@ BigDong，@ ra00l，@ ILikeBeansTacos，@ CharlesRobertson！@ ross-allen，感谢您报告错误！
return url.split('/')[2] || url.split('/')[0];，如果没有协议，您可能需要使用哪个匹配项。
if (domain.split('.').length > 2) { //has also subdomain var splitArr = domain.split('.'); domain = splitArr[splitArr.length - 2] + '.' + splitArr[splitArr.length - 1]; }
一个不使用正则表达式的巧妙技巧：
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'
将上面的内容包装在下面的功能中，您将拥有一种从URI中抢夺域部分的绝妙方式。
function url_domain(data) {
var a = document.createElement('a');
a.href = data;
return a.hostname;
}
hostname，如果您要同时访问hostname和port（并使其作为domain.sample:1234access a.host）
无需解析字符串，只需将您的URL作为参数传递给URL构造函数：
var url = 'http://www.youtube.com/watch?v=ClkQA2Lb_iE';
var hostname = (new URL(url)).hostname;
assert(hostname === 'www.youtube.com');试试这个：
var matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
var domain = matches && matches[1]; // domain will be null if no match is found如果要从结果中排除端口，请改用以下表达式：
/^https?\:\/\/([^\/:?#]+)(?:[\/:?#]|$)/i编辑：为防止特定域匹配，请使用否定的超前方式。(?!youtube.com)
/^https?\:\/\/(?!(?:www\.)?(?:youtube\.com|youtu\.be))([^\/:?#]+)(?:[\/:?#]|$)/i?' (query) or ＃`（片段）结尾。例如http://example.com?var=val或http://example.com#fragment。因此，正确的正则表达式应类似于：/^https?\:\/\/([^\/?#]+)/。除此之外，您还会得到我的+1（这是最快的解决方案）
(?:www\.)?在否定前瞻中添加一个可选项。
(?:www\.)?到这样的正则表达式：/^https?\:\/\/(?:www\.)?([^\/?#]+)(?:[\/?#]|$)/i
URL()尚不完全支持。检查：caniuse.com/#feat=url
您不需要任何额外的依赖！根据是否需要优化性能，有两种好的解决方案：
URL.hostname的可读性在Babel时代，最干净，最简单的解决方案是使用URL.hostname。
const getHostname = (url) => {
// use URL constructor and return hostname
return new URL(url).hostname;
}
// tests
console.log(getHostname("/programming/8498592/extract-hostname-name-from-string/"));
console.log(getHostname("https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname"));URL.hostname是URL API的一部分，除IE（caniuse）之外，所有主流浏览器都支持它。使用网址polyfill如果需要支持旧版浏览器，。
使用此解决方案还将使您能够访问其他URL属性和方法。例如，如果您还想提取URL的路径名或查询字符串参数，这将很有用。
URL.hostname比使用锚点解决方案或parseUri更快。但是它仍然比gilly3的regex慢很多：
const getHostnameFromRegex = (url) => {
// run against regex
const matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
// extract hostname (will be null if no match is found)
return matches && matches[1];
}
// tests
console.log(getHostnameFromRegex("/programming/8498592/extract-hostname-name-from-string/"));
console.log(getHostnameFromRegex("https://developer.mozilla.org/en-US/docs/Web/API/URL/hostname"));在这个jsPerf上自己测试
如果您需要处理大量的URL（其中性能是一个重要因素），建议您改用此解决方案。否则，请选择URL.hostname可读性。
我尝试使用给出的解决方案，选择的解决方案对我而言是一个过大的选择，而“创建元素”则对我来说很混乱。
尚未准备好在URL中使用端口。我希望有人觉得它有用
function parseURL(url){
parsed_url = {}
if ( url == null || url.length == 0 )
return parsed_url;
protocol_i = url.indexOf('://');
parsed_url.protocol = url.substr(0,protocol_i);
remaining_url = url.substr(protocol_i + 3, url.length);
domain_i = remaining_url.indexOf('/');
domain_i = domain_i == -1 ? remaining_url.length - 1 : domain_i;
parsed_url.domain = remaining_url.substr(0, domain_i);
parsed_url.path = domain_i == -1 || domain_i + 1 == remaining_url.length ? null : remaining_url.substr(domain_i + 1, remaining_url.length);
domain_parts = parsed_url.domain.split('.');
switch ( domain_parts.length ){
case 2:
parsed_url.subdomain = null;
parsed_url.host = domain_parts[0];
parsed_url.tld = domain_parts[1];
break;
case 3:
parsed_url.subdomain = domain_parts[0];
parsed_url.host = domain_parts[1];
parsed_url.tld = domain_parts[2];
break;
case 4:
parsed_url.subdomain = domain_parts[0];
parsed_url.host = domain_parts[1];
parsed_url.tld = domain_parts[2] + '.' + domain_parts[3];
break;
}
parsed_url.parent_domain = parsed_url.host + '.' + parsed_url.tld;
return parsed_url;
}运行此：
parseURL('https://www.facebook.com/100003379429021_356001651189146');结果：
Object {
domain : "www.facebook.com",
host : "facebook",
path : "100003379429021_356001651189146",
protocol : "https",
subdomain : "www",
tld : "com"
}如果您最后进入此页面，并且正在寻找URL的最佳REGEX，请尝试以下一种方法：
^(?:https?:)?(?:\/\/)?([^\/\?]+)https://regex101.com/r/pX5dL9/1
它适用于不带http：//，带有http，带https，仅带//的URL，并且也不要获取路径和查询路径。
祝好运
该解决方案为您提供了答案以及其他属性。无需JQuery或其他依赖项，只需粘贴即可。
用法
getUrlParts("https://news.google.com/news/headlines/technology.html?ned=us&hl=en")输出量
{
"origin": "https://news.google.com",
"domain": "news.google.com",
"subdomain": "news",
"domainroot": "google.com",
"domainpath": "news.google.com/news/headlines",
"tld": ".com",
"path": "news/headlines/technology.html",
"query": "ned=us&hl=en",
"protocol": "https",
"port": 443,
"parts": [
"news",
"google",
"com"
],
"segments": [
"news",
"headlines",
"technology.html"
],
"params": [
{
"key": "ned",
"val": "us"
},
{
"key": "hl",
"val": "en"
}
]
}代码
代码被设计为易于理解而不是超快速。每秒可以轻松地调用100次，因此非常适合前端或少量服务器使用，但不适用于高吞吐量。
function getUrlParts(fullyQualifiedUrl) {
var url = {},
tempProtocol
var a = document.createElement('a')
// if doesn't start with something like https:// it's not a url, but try to work around that
if (fullyQualifiedUrl.indexOf('://') == -1) {
tempProtocol = 'https://'
a.href = tempProtocol + fullyQualifiedUrl
} else
a.href = fullyQualifiedUrl
var parts = a.hostname.split('.')
url.origin = tempProtocol ? "" : a.origin
url.domain = a.hostname
url.subdomain = parts[0]
url.domainroot = ''
url.domainpath = ''
url.tld = '.' + parts[parts.length - 1]
url.path = a.pathname.substring(1)
url.query = a.search.substr(1)
url.protocol = tempProtocol ? "" : a.protocol.substr(0, a.protocol.length - 1)
url.port = tempProtocol ? "" : a.port ? a.port : a.protocol === 'http:' ? 80 : a.protocol === 'https:' ? 443 : a.port
url.parts = parts
url.segments = a.pathname === '/' ? [] : a.pathname.split('/').slice(1)
url.params = url.query === '' ? [] : url.query.split('&')
for (var j = 0; j < url.params.length; j++) {
var param = url.params[j];
var keyval = param.split('=')
url.params[j] = {
'key': keyval[0],
'val': keyval[1]
}
}
// domainroot
if (parts.length > 2) {
url.domainroot = parts[parts.length - 2] + '.' + parts[parts.length - 1];
// check for country code top level domain
if (parts[parts.length - 1].length == 2 && parts[parts.length - 1].length == 2)
url.domainroot = parts[parts.length - 3] + '.' + url.domainroot;
}
// domainpath (domain+path without filenames)
if (url.segments.length > 0) {
var lastSegment = url.segments[url.segments.length - 1]
var endsWithFile = lastSegment.indexOf('.') != -1
if (endsWithFile) {
var fileSegment = url.path.indexOf(lastSegment)
var pathNoFile = url.path.substr(0, fileSegment - 1)
url.domainpath = url.domain
if (pathNoFile)
url.domainpath = url.domainpath + '/' + pathNoFile
} else
url.domainpath = url.domain + '/' + url.path
} else
url.domainpath = url.domain
return url
}getUrlParts('www.google.com')在此页面上的控制台中尝试。
var url="https://mail.gggg.google.cn/link/link/link";所述domainroot应google.com但它输出：gggg.google.cn当gggg是一个子域（域可具有多个子域）。
只需使用URL（）构造函数：
new URL(url).host今天正在寻找解决此问题的方法。以上答案似乎都不令人满意。我想要的解决方案可以是一个衬套，没有条件逻辑，也不需要封装在函数中。
这是我想出的，似乎工作得很好：
hostname =“ http://www.example.com:1234” hostname.split（“ //”）。slice（-1）[0] .split（“：”）[0] .split（'。'）。slice（-2）.join（'。'）//给出“ example.com”
乍一看可能看起来很复杂，但是却很简单。关键是在很多地方都必须使用'slice（-n）'，好部分必须从分割数组的末端拉出（[0]从分割数组的前端得到）。
这些测试均返回“ example.com”：
“ http://example.com” .split（“ //”）.slice（-1）[0] .split（“：”）[0] .split（'。'）。slice（-2）。加入（'。'）
“ http://example.com:1234".split("//").slice(-1)[0].split(":")[0].split('.').slice(-2 ）。加入（'。'）
“ http://www.example.com:1234” .split（“ //”）.slice（-1）[0] .split（“：”）[0] .split（'。'）。slice（ -2）.join（'。'）
“ http://foo.www.example.com:1234” .split（“ //”）.slice（-1）[0] .split（“：”）[0] .split（'。'）。 slice（-2）.join（'。'）
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<url.indexOf("://")){
_arr = url.split('://');
if(-1<_arr[0].indexOf("/")||-1<_arr[0].indexOf(".")||-1<_arr[0].indexOf("\?")||-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)||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]+.)/,"");
}function hostname(url) {
var match = url.match(/:\/\/(www[0-9]?\.)?(.[^/:]+)/i);
if ( match != null && match.length > 2 && typeof match[2] === 'string' && match[2].length > 0 ) return match[2];
}上面的代码将成功解析以下示例URL的主机名：
http://WWW.first.com/folder/page.html first.com
http://mail.google.com/folder/page.html mail.google.com
https://mail.google.com/folder/page.html mail.google.com
http://www2.somewhere.com/folder/page.html?q=1 someone.com
https://www.another.eu/folder/page.html?q=1 another.eu
原始资源归功于：http : //www.primaryobjects.com/CMS/Article145
好的，我知道这是一个老问题，但是我做了一个超高效的URL解析器，所以我想与大家分享。
如您所见，函数的结构非常奇怪，但这是为了提高效率。没有使用原型函数，字符串不会被重复多次，并且没有对字符进行过多的处理。
function getDomain(url) {
var dom = "", v, step = 0;
for(var i=0,l=url.length; i<l; i++) {
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+=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+1] == 'w' && url[i+2] == 'w' && 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;
}我为此解决方案进行了很多研究，而我能找到的最好的解决方案实际上是从CloudFlare的“浏览器检查”中获得的：
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();我重写了变量，使它更具“人类”可读性，但它的工作比预期的要好。
好吧，使用正则表达式会容易得多：
mainUrl = "http://www.mywebsite.com/mypath/to/folder";
urlParts = /^(?:\w+\:\/\/)?([^\/]+)(.*)$/.exec(mainUrl);
host = Fragment[1]; // www.mywebsite.comimport URL from 'url';
const pathname = URL.parse(url).path;
console.log(url.replace(pathname, ''));这照顾到两个协议。
总之，你可以这样做
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"使用以上功能获取域名
?您的域名字符串，而不是return domain.split("/")[0]; 把这个return domain.split("?")[0];希望它的工作
Parse-Urls似乎是具有最强大模式的JavaScript库
以下是这些功能的简要介绍：
码：
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);
});结果：
youtube.com
youtu.be
example.com
example.comwww.即使并非所有URL都具有此组件，也需要这样做），但这肯定是一个答案。
解析域 -一个非常可靠的轻量级库
npm install parse-domain
const { fromUrl, parseDomain } = require("parse-domain");例子1
parseDomain(fromUrl("http://www.example.com/12xy45")){ type: 'LISTED',
hostname: 'www.example.com',
labels: [ 'www', 'example', 'com' ],
icann:
{ subDomains: [ 'www' ],
domain: 'example',
topLevelDomains: [ 'com' ] },
subDomains: [ 'www' ],
domain: 'example',
topLevelDomains: [ 'com' ] }例子2
parseDomain(fromUrl("http://subsub.sub.test.ExAmPlE.coM/12xy45")){ type: 'LISTED',
hostname: 'subsub.sub.test.example.com',
labels: [ 'subsub', 'sub', 'test', 'example', 'com' ],
icann:
{ subDomains: [ 'subsub', 'sub', 'test' ],
domain: 'example',
topLevelDomains: [ 'com' ] },
subDomains: [ 'subsub', 'sub', 'test' ],
domain: 'example',
topLevelDomains: [ 'com' ] }为什么？
我强烈建议您根据使用情况和容量，避免使用正则表达式或其他字符串处理方式自己解决此问题。此问题的核心是您需要了解所有gtld和cctld后缀，才能将url字符串正确解析为domain和subdomains，这些后缀会定期更新。这是一个已解决的问题，不是您要解决的问题（除非您是google之类的人）。除非您需要紧急情况下的主机名或域名，否则不要尝试解析出该主机名或域名。
我的代码如下所示。正则表达式可以有多种形式，这是我的测试用例，我认为它更具扩展性。
function extractUrlInfo(url){
let reg = /^((?<protocol>http[s]?):\/\/)?(?<host>((\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()@:%_\+.~#?&//=]*)))(\:(?<port>[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 = "/programming/8498592/extract-hostname-name-from-string"
console.log(extractUrlInfo(url))尝试使用正则表达式在下面的代码中获取确切的域名，
字符串行=“ http://www.youtube.com/watch?v=ClkQA2Lb_iE ”;
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");
}
url.split('/')[2]因为无论我们写ftp，ftps，https，域名将永远在索引2