Regex提供了更大的灵活性。

    //document.location.href = "http://aaa.bbb.ccc.com/asdf/asdf/sadf.aspx?blah
    //1.
     var r = new RegExp(/http:\/\/[^/]+/);
     var match = r.exec(document.location.href) //gives http://aaa.bbb.ccc.com

    //2. 
     var r = new RegExp(/http:\/\/[^/]+\/[^/]+/);
     var match = r.exec(document.location.href) //gives http://aaa.bbb.ccc.com/asdf

我想具体说明一些事情。如果有人想要得到完整的url路径像我需要的，可以使用:

var fullUrl = window.location.protocol + "//" + window.location.hostname + window.location.pathname;

我知道这有点晚了，但我用一些ES6语法创建了一个干净的小函数

function getHost(href){
  return Object.assign(document.createElement('a'), { href }).host;
}

它也可以用ES5写成

function getHost(href){
  return Object.assign(document.createElement('a'), { href: href }).host;
}

IE当然不支持Object。指派，但在我这行，那不重要。

还有另一个hack我使用，从来没有看到任何StackOverflow响应: 使用图像的“src”属性将生成站点的完整基本路径。 例如:

var dummy = new Image;
dummy.src = '$';                  // using '' will fail on some browsers
var root = dummy.src.slice(0,-1); // remove trailing '$'

在http://domain.com/somesite/index.html这样的URL上， Root将被设置为http://domain.com/somesite/。 这也适用于localhost或任何有效的基本URL。

注意，这将导致对$ dummy映像的HTTP请求失败。 您可以使用现有的映像来避免这种情况，只需稍微修改代码。

另一种变体使用虚拟链接，对HTTP请求没有副作用:

var dummy = document.createElement ('a');
dummy.href = '';
var root = dummy.href;

不过，我并没有在每个浏览器上测试它。

您可以使用/来分割URL字符串

const exampleURL = “Https://exampleurl.com/page1/etc/etc” const URLsplit = exampleURL.split（“/”） console.log（网址拆分） console.log（URLsplit[2]）

结果。exampleurl.com

让我们假设你有这样的url路径:

http://localhost:4200/landing?query=1#2

因此，你可以通过位置值为自己服务，如下所示:

window.location.hash: "#2"
​
window.location.host: "localhost:4200"
​
window.location.hostname: "localhost"
​
window.location.href: "http://localhost:4200/landing?query=1#2"
​
window.location.origin: "http://localhost:4200"
​
window.location.pathname: "/landing"
​
window.location.port: "4200"
​
window.location.protocol: "http:"

window.location.search: "?query=1"

现在我们可以得出结论，你在寻找:

window.location.hostname