正则表达式匹配域名的问题

Question

想要提取域名。但是匹配出错。我不知道那边有问题

1， https://www.baidu.com -> ^http[s]{0,1}:\/\/(.*) -> 正常
2， https：//www.baidu.com/123 -> 全部包括/123也匹配到了，
3， 还是第2个修改一下正则 ^http[s]{0,1}:\/\/(.*)\/ ,ok解决。
4， 但是发现这个正则匹配不到第1个的了，

怎么才能满足这两种需求呢？
谢谢

Answer 1

可以通过location.hostname获取域名，如果不是当前URL，可以构造URL对象。

Answer 2

1、正则的方式：

// \/ 代表后面的pathname
// \? 代表后面的querystring
// # 代表后面的hash
// : 代表后面的端口
'https://www.baidu.com'.match(/^https?:\/\/[^\/\?#:]+/);

2、另一种通用方式

function getHost(url) {
    var a = document.createElement('a');
    a.href = url;
    return a.protocol + a.hostname; // 如果要带后面的端口就是a.host
}

console.log(getHost('https://www.baidu.com'));