Как извлечь часть имени хоста из URL в JavaScript

Есть ли действительно простой способ начать с полного URL:

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

И извлеките только часть узла:

aaa.bbb.ccc.com

Должна быть функция JavaScript, которая делает это надежно, но я не могу ее найти.

Предположим , что у вас есть страница с этим адресом: http://sub.domain.com/virtualPath/page.htm. используйте следующее в коде страницы для достижения этих результатов:

• window.location.host: вы получите sub.domain.com:8080илиsub.domain.com:80
• window.location.hostname : ты получишь sub.domain.com
• window.location.protocol : ты получишь http:
• window.location.port: вы получите 8080или80
• window.location.pathname : ты получишь /virtualPath
• window.location.origin: ты получишь http://sub.domain.com*****

Обновление: о .оригине

***** Как говорится в ссылке , совместимость браузера для window.location.originне ясна. Я проверил его в Chrome, и он вернулся, http://sub.domain.com:portесли порт не 80, и http://sub.domain.comесли порт 80.

Отдельное спасибо @torazaburo за упоминание об этом мне.

Вы можете объединить протокол местоположения и хост:

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

Для URL, скажем 'http://stackoverflow.com/questions', он вернется'http://stackoverflow.com'

Использование document.locationобъекта и его hostили hostnameсвойства.

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

Принятый ответ не работал для меня, так как хотел иметь возможность работать с любыми произвольными URL-адресами, а не только с URL текущей страницы.

Посмотрите на URLобъект :

var url = new URL("http://aaa.bbb.ccc.com/asdf/asdf/sadf.aspx?blah");
url.protocol;  // "http:"
url.hostname;  // "aaa.bbb.ccc.com"
url.pathname;  // "/asdf/asdf/sadf.aspx"
url.search;    // "?blah"

Есть два пути. Первый вариант другого ответа здесь, но этот учитывает порты не по умолчанию:

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");
}

использование

window.location.origin

и для: " http://aaa.bbb.ccc.ddd.com/sadf.aspx?blah "

вы получите: http://aaa.bbb.ccc.ddd.com/

Пытаться

document.location.host

или

document.location.hostname

Есть еще один хак, который я использую и никогда не видел ни в одном ответе StackOverflow: использование атрибута изображения «src» даст полный базовый путь вашего сайта. Например :

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

На URL, как http://domain.com/somesite/index.html, rootбудет установлено значение http://domain.com/somesite/. Это также работает для localhost или любого действующего базового URL.

Обратите внимание, что это приведет к неудачному HTTP-запросу к $фиктивному изображению. Вместо этого вы можете использовать существующее изображение, только с небольшими изменениями кода.

В другом варианте используется фиктивная ссылка, без побочных эффектов на HTTP-запросы:

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

Я не проверял это на каждом браузере, все же.

Проверь это:

alert(window.location.hostname);

это вернет имя хоста как www.domain.com

а также:

window.location.host

вернет доменное имя с портом как www.example.com:80

Для полной справки проверьте сайт разработчика Mozilla .

Я хотел бы указать что-то. Если кто-то хочет получить весь 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.assign, но в моей работе это не имеет значения.

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