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

有两种方法。第一个答案是另一个答案的变体，但这个答案说明了非默认端口:

function getRootUrl() {
  var defaultPorts = {"http:":80,"https:":443};

  return window.location.protocol + "//" + window.location.hostname
   + (((window.location.port)
    && (window.location.port != defaultPorts[window.location.protocol]))
    ? (":"+window.location.port) : "");
}

但我更喜欢这个更简单的方法(适用于任何URI字符串):

function getRootUrl(url) {
  return url.toString().replace(/^(.*\/\/[^\/?#]*).*$/,"$1");
}

检查:

alert(window.location.hostname);

这将返回主机名www.domain.com

and:

window.location.host

将返回域名与端口如www.example.com:80

为完整的参考检查Mozilla开发者网站。

我知道这有点晚了，但我用一些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。指派，但在我这行，那不重要。

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

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

更新:关于.origin

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

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

use

window.location.origin

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

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