Comment extraire la partie "nom d'hôte" d'une URL en JavaScript ?

Question

Existe-t-il un moyen vraiment simple de commencer à partir d'une URL complète ?

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

Et extraire seulement la partie hôte :

aaa.bbb.ccc.com

Il doit y avoir une fonction JavaScript qui fait ça de manière fiable, mais je ne la trouve pas.

Answer 1

Supposons que vous ayez une page avec cette adresse : http://sub.domain.com/virtualPath/page.htm . utilisez le code suivant dans la page pour obtenir ces résultats :

• window.location.host : vous obtiendrez sub.domain.com:8080 o sub.domain.com:80
• window.location.hostname : vous obtiendrez sub.domain.com
• window.location.protocol : vous obtiendrez http:
• window.location.port : vous obtiendrez 8080 o 80
• window.location.pathname : vous obtiendrez /virtualPath
• window.location.origin : vous obtiendrez http://sub.domain.com *****

Mise à jour : à propos du .origin

***** Comme le réf. les états, la compatibilité des navigateurs pour window.location.origin n'est pas clair. Je l'ai vérifié dans chrome et ça renvoie http://sub.domain.com:port si le port est autre que 80, et http://sub.domain.com si le port est 80.

Merci à @torazaburo de me l'avoir signalé.

Answer 2

Vous pourriez concaténer le protocole de localisation et l'hôte :

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

Pour une url, disons 'http://stackoverflow.com/questions' il retournera 'http://stackoverflow.com'

Answer 3

Utilisez document.location et son host o hostname propriétés.

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

Answer 4

Il y a deux façons de procéder. La première est une variante d'une autre réponse ici, mais celle-ci tient compte des ports qui ne sont pas par défaut :

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

Mais je préfère cette méthode plus simple (qui fonctionne avec n'importe quelle chaîne URI) :

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

Answer 5

Essayez

document.location.host

o

document.location.hostname