如何在JavaScript中提取URL的主机名部分

有没有一个简单的方法可以从一个完整的URL开始:

document.location.href = "http://aaa.bbb.ccc.com/asdf/asdf/sadf.aspx?blah"

只提取主部分:

aaa.bbb.ccc.com

肯定有JavaScript函数能可靠地做到这一点，但我找不到。

当前回答

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

其他回答

你可以连接位置协议和主机:

var root = location.protocol + '//' + location.host;

对于url，比如'http://stackoverflow.com/questions'它会返回'http://stackoverflow.com'

Try

document.location.host

document.location.hostname

使用文档。位置对象及其主机或主机名属性。

alert(document.location.hostname); // alerts "stackoverflow.com"

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

检查:

alert(window.location.hostname);

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

and:

window.location.host

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

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

推荐文章