Try

document.location.host

or

document.location.hostname

假设您有一个页面，其地址为http://sub.domain.com/virtualPath/page.htm。

使用下面的页面代码来实现这些结果:

更新:关于.origin

*****正如引用所述，window.location.origin的浏览器兼容性并不清楚。我在chrome中检查了它，如果端口不是80，它返回http://sub.domain.com:port，如果端口是80，则返回http://sub.domain.com。

特别感谢@torazaburo向我提到这一点。

我的解决方案适用于所有浏览器，包括微软Internet Explorer，不使用任何正则表达式，它的灵感来自Noah Cardoza和Martin Konecny的解决方案:

function getHostname(href) {
    if (typeof URL === 'object') {
        // workaround for MS IE 11 (Noah Cardoza's solution but without using Object.assign())
        var dummyNode = document.createElement('a');
        dummyNode.href = href;
        return dummyNode.hostname;
    } else {
        // Martin Konecny's solution
        return new URL(href).hostname;
    }
}

让我们假设你有这样的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

use

window.location.origin

对于:“http://aaa.bbb.ccc.ddd.com/sadf.aspx?blah”

你会得到:http://aaa.bbb.ccc.ddd.com/

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

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