Ottieni il nome di dominio corrente con Javascript (non il percorso, ecc.)

Ho intenzione di acquistare due nomi di dominio per lo stesso sito. A seconda del dominio utilizzato, intendo fornire dati leggermente diversi sulla pagina. Esiste un modo per rilevare il nome di dominio effettivo da cui viene caricata la pagina in modo da sapere a cosa modificare il mio contenuto?

Ho cercato cose come questa, ma la maggior parte non funziona come voglio.

Ad esempio quando si utilizza

document.write(document.location)

su JSFiddle ritorna

http://fiddle.jshell.net/_display/

cioè il percorso effettivo o qualunque cosa sia.

Che ne dite di:

window.location.hostname

L' locationoggetto ha in realtà un numero di attributi che si riferiscono a diverse parti dell'URL

Prova a eseguire nello script: percorso: http: // localhost: 4200 / landing? Query = 1 # 2

console.log(window.location.hash)

La posizione ha i seguenti valori:

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"

Se non sei interessato al nome host (ad esempio www.beta.example.com) ma al nome di dominio (ad esempio example.com), questo funziona con nomi host validi:

function getDomainName(hostName)
{
    return hostName.substring(hostName.lastIndexOf(".", hostName.lastIndexOf(".") - 1) + 1);
}

function getDomain(url, subdomain) {
    subdomain = subdomain || false;

    url = url.replace(/(https?:\/\/)?(www.)?/i, '');

    if (!subdomain) {
        url = url.split('.');

        url = url.slice(url.length - 2).join('.');
    }

    if (url.indexOf('/') !== -1) {
        return url.split('/')[0];
    }

    return url;
}

Esempi

• getDomain (' http://www.example.com '); // esempio.com
• getDomain ( 'www.example.com'); // esempio.com
• getDomain (' http://blog.example.com ', true); // blog.example.com
• getDomain (location.href); // ..

La versione precedente stava ottenendo il dominio completo (incluso il sottodominio). Ora determina il dominio giusto in base alle preferenze. In modo che quando un secondo argomento viene fornito come vero includerà il sottodominio, altrimenti restituisce solo il "dominio principale"

Puoi ottenerlo facilmente dall'oggetto posizione in Javascript:

Ad esempio, l'URL di questa pagina è:

http://www.stackoverflow.com/questions/11401897/get-the-current-domain-name-with-javascript-not-the-path-etc

Quindi possiamo ottenere il dominio esatto con le seguenti proprietà dell'oggetto location:

location.host = "www.stackoverflow.com"
location.protocol= "http:"

puoi creare l'intero dominio con:

location.protocol + "//" + location.host

Che in questo esempio restituisce http://www.stackoverflow.com

Aggiungendo questo possiamo ottenere l'URL completo e anche il percorso con altre proprietà dell'oggetto location:

location.href= "http://www.stackoverflow.com/questions/11401897/get-the-current-domain-name-with-javascript-not-the-path-etc"    
location.pathname= "questions/11401897/get-the-current-domain-name-with-javascript-not-the-path-etc"

Se sei interessato solo al nome di dominio e desideri ignorare il sottodominio, devi analizzarlo da hoste hostname.

Il seguente codice fa questo:

var firstDot = window.location.hostname.indexOf('.');
var tld = ".net";
var isSubdomain = firstDot < window.location.hostname.indexOf(tld);
var domain;

if (isSubdomain) {
    domain = window.location.hostname.substring(firstDot == -1 ? 0 : firstDot + 1);
}
else {
  domain = window.location.hostname;
}

http://jsfiddle.net/5U366/4/

Poiché questa domanda richiede un nome di dominio, non un nome host, dovrebbe essere una risposta corretta

window.location.hostname.split('.').slice(-2).join('.')

Funziona anche con nomi host come www.example.com .

Uso

document.write(document.location.hostname)​

window.locationha un sacco di proprietà. Vedi qui per un elenco di essi.

Se desideri un'origine di dominio completo, puoi utilizzare questo:

document.location.origin

E se desideri ottenere solo il dominio, puoi usare solo questo:

document.location.hostname

Ma hai altre opzioni, dai un'occhiata alle proprietà in:

document.location

Che mi dici di questa funzione?

window.location.hostname.match(/\w*\.\w*$/gi)[0]

Questo corrisponderà solo al nome di dominio indipendentemente dal fatto che sia un sottodominio o un dominio principale

Se vuoi ottenere il nome di dominio in JavaScript, usa il seguente codice:

var domain_name = document.location.hostname;
alert(domain_name);

Se è necessario accedere al percorso dell'URL della pagina Web per poter accedere al percorso dell'URL Web, utilizzare questo esempio:

var url = document.URL;
alert(url);

per il mio caso la migliore corrispondenza è window.location.origin

Sono nuovo di JavaScript, ma non puoi semplicemente usare: document.domain ?

Esempio:

<p id="ourdomain"></p>

<script>
var domainstring = document.domain;
document.getElementById("ourdomain").innerHTML = (domainstring);
</script>

Produzione:

domain.com

o

www.domain.com

A seconda di cosa usi sul tuo sito web.

Immagino che dovrebbe essere semplice come questo:

url.split("/")[2]

Combinando alcune risposte di cui sopra, quanto segue funziona davvero bene per me per la distruzione dei cookie:

  /**
   * Utility method to obtain the domain URI:
   */
  fetchDomainURI() {
    if (window.location.port.length > 0) {
      return window.location.hostname;
    }
    return `.${window.location.hostname.match(/\w*\.\w*$/gi)[0]}`;
  }

Funziona con indirizzi IP con porte, ad es. 0.0.0.0:8000 ecc., Così come domini complessi come app.staging.example.comreturn .example.com=> consente l'impostazione e la distruzione di cookie tra domini.

Se si desidera il nome di dominio del paese, ad esempio per estrarre  .com   da stackoverflow.com:

(ES6):

const getCountryDomainName = () => {
  let hostName = window.location.hostname;
  let lastDotIndex = hostName.lastIndexOf('.');
  let countryDomainName = hostName.substr(lastDotIndex+1, hostName.length);
  return countryDomainName;
}

(ES5):

function getCountryDomainName() {
  let hostName = window.location.hostname;
  let lastDotIndex = hostName.lastIndexOf('.');
  let countryDomainName = hostName.substr(lastDotIndex+1, hostName.length);
  return countryDomainName;
}

Quindi, basta usare la funzione per assegnare il valore a un var:

const countryDomainName = getCountryDomainName();

       Feel free to visit our “<a href="javascript:document.location.href=document.location.origin+'/contact-us'" title="Click to Contact Us" class="coded_link" ><span class="ui-icon ui-icon-newwin"></span>Contact</a>” link

Effettivamente ha funzionato per me mentre non potevo usare PHP

Ho appena provato che ha funzionato grazie all'approccio sopra citato in alcune delle risposte, così rapido e verificato che ha funzionato