500

I plan on buying two domain names for the same site. Depending on which domain is used I plan on providing slightly different data on the page. Is there a way for me to detect the actual domain name that the page is loading from so that I know what to change my content to?

I've looked around for stuff like this but most of it doesn't work the way I want it to.

For instance when using

document.write(document.location)

on JSFiddle it returns

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

i.e. the actual path or whatever that is.

2
  • 1
    I'm not sure if I understand exactly what you want to do, but you should probably take a look into MDN in regards to this Jul 9, 2012 at 19:39
  • 2
    A bit of topic, but you could also consider having subdomains rather then two separate domain names. Something like premium.random.com and free.random.com Jan 10, 2017 at 8:29

19 Answers 19

763

How about:

window.location.hostname

The location object actually has a number of attributes referring to different parts of the URL

5
  • 84
    and window.location.hostname if you don't want to get the port (like http://localhost:3000/, window.location.host = 'localhost:3000' and window.location.hostname = 'localhost'
    – Guilherme
    Feb 16, 2015 at 14:32
  • 9
    The answer is wrong because port does not belong to domain. And window.location.host will sometimes give the port back.
    – Andrej
    Mar 14, 2016 at 14:54
  • 7
    This also returns the server name ('www.amazingjokes.com', instead of just '.amazingjokes.com')
    – patrick
    May 18, 2016 at 13:22
  • In case you have forwarding DNS you might need this one - window.location.ancestorOrigins Jun 4, 2020 at 14:28
  • a simple one-liner to copy paste in your browser console to inspect the window.location object is ((l)=>Object.keys(l).reduce((m,p)=>{if(typeof l[p]==="string"){m[p]=l[p];}return m;},{}))(location), to inspect the result parsed URL instead just new URL(window.location)
    – kuus
    May 26, 2022 at 10:18
737

Let's suppose you have this url path:

http://localhost:4200/landing?query=1#2

So, you can serve yourself by the location values, as follow:

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"

Now we can conclude you're looking for:

window.location.hostname
3
  • 3
    It isn't clear from this what happens in the case of domains with multiple dots. Aug 15, 2021 at 0:17
  • 6
    @smartblonde For https://www.bbc.co.uk/ I get www.bbc.co.uk when running window.location.hostname on latest Chrome. Sep 26, 2021 at 17:33
  • is this work with amp? Dec 25, 2022 at 7:05
29
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;
}

Examples

Previous version was getting full domain (including subdomain). Now it determines the right domain depending on preference. So that when a 2nd argument is provided as true it will include the subdomain, otherwise it returns only the 'main domain'

4
  • 1
    This should be the answer, it works even in localhost/test.php and that the correct answer localhost. Jul 12, 2016 at 14:07
  • 1
    It's also the best answer because it works with any URL you pass in, not just the current window.location Mar 10, 2017 at 15:17
  • 3
    If you do this to google.co.uk for you'll get 'co.uk' back, which is not correct... Oct 26, 2018 at 9:17
  • Yes. That's a tricky business. Even trickier if you got subdomains too (like: test.google.co.uk). If you want to use this raw version some serious adjustments are needed (maybe even adding a special list for those tlds).
    – adelindev
    Nov 8, 2018 at 10:27
24

If you are not interested in the host name (for example www.beta.example.com) but in the domain name (for example example.com), this works for valid host names:

function getDomainName(hostName)
{
    return hostName.substring(hostName.lastIndexOf(".", hostName.lastIndexOf(".") - 1) + 1);
}
6
  • 18
    Incorrect, this will break on nearly all international TLDs.
    – tbranyen
    Sep 19, 2014 at 2:30
  • 4
    @tbranyen can you explain what are you referring to? The only case I can think about are subdomains like amazon.co.uk. But definitely not "nearly all international TLDs". In fact it works with 100% of the country codes found in the Wikipedia
    – cprcrack
    Sep 21, 2014 at 0:53
  • 1
    cprcrack for some reason I thought more international (to america) tlds contained multiple dots. Thanks for correcting!
    – tbranyen
    Sep 21, 2014 at 15:54
  • 1
    A number of countries work similarly to the UK: they have fixed second level domains and you can only register domains at the third level. A list of those countries is on Wikipedia.
    – Gareth
    Jun 8, 2020 at 12:11
  • @mhombach thanks for your downvote and for your "comment". However as mentioned in my "answer", the solution only works for valid hostnames, referring to the value returned from window.location.hostname. http://www.google.com?ref=http://www.yahoo.com is not a hostname so the function is not expected to work in that case.
    – cprcrack
    Mar 4, 2022 at 12:35
17

window.location.hostname is a good start. But it includes sub-domains, which you probably want to remove. E.g. if the hostname is www.example.com, you probably want just the example.com bit.

There are, as ever, corner cases that make this fiddly, e.g. bbc.co.uk. The following regex works well for me:

let hostname = window.location.hostname;
// remove any subdomains, e.g. www.example.com -> example.com
let domain = hostname.match(/^(?:.*?\.)?([a-zA-Z0-9\-_]{3,}\.(?:\w{2,8}|\w{2,4}\.\w{2,4}))$/)[1];
console.log("domain: ", domain);

2
  • this does not handle hyphenated domain/subdomains.
    – Jay Surya
    Sep 23, 2021 at 6:19
  • 1
    Thanks @jay-surya - I've now fixed that by changing \w to [a-zA-Z0-9\-_]. Underscore isn't technically valid but is widely supported, Sep 23, 2021 at 10:13
13

If you wish a full domain origin, you can use this:

document.location.origin

And if you wish to get only the domain, use can you just this:

document.location.hostname

But you have other options, take a look at the properties in:

document.location
13

Since this question asks for domain name, not host name, a correct answer should be

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

This works for host names like www.example.com too.

2
  • 5
    This works but doesn't work with domains like domain.co.uk, domain.com.br .. How can I make it work with any domain?
    – Sameh
    Jun 18, 2017 at 5:12
  • Another answer here includes url.replace(/(https?:\/\/)?(www.)?/i, '');
    – doublejosh
    Dec 9, 2022 at 18:55
12

You can get it from location object in Javascript easily:

For example URL of this page is:

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

Then we can get the exact domain with following properties of location object:

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

you can make the full domain with:

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

Which in this example returns http://www.stackoverflow.com

I addition of this we can get full URL and also the path with other properties of location object:

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"
9

If you are only interested in the domain name and want to ignore the subdomain then you need to parse it out of host and hostname.

The following code does this:

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/

2
7

Use

document.write(document.location.hostname)​

window.location has a bunch of properties. See here for a list of them.

0
7

I figure it ought to be as simple as this:

url.split("/")[2]

1
  • Works for me. The previous solutions rely on document, location or window object.
    – Cris
    Sep 7, 2019 at 23:53
6

If you want to get domain name in JavaScript, just use the following code:

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

If you need to web page URL path so you can access web URL path use this example:

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

What about this function?

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

This will match only the domain name regardless if its a subdomain or a main domain

2
  • 3
    I like this answer. But you should be aware that if using it for security-related purposes.. it can be bypassed. I.e. if you want to ensure you are on example.com, then hacker-example.com would also equal 'example.com'. window.location.hostname.match(/[a-zA-Z0-9-]*\.[a-zA-Z0-9-]*$/)[0] works.
    – hiburn8
    Dec 16, 2019 at 13:20
  • 1
    This doesn't work properly. if you run it on www.bbc.co.uk you will get co.uk. Sep 26, 2021 at 17:35
2

for my case the best match is window.location.origin

2

Combining a few answers from the above, the following works really well for me for destroying Cookies:

  /**
   * 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]}`;
  }

Works for IP addresses with ports, e.g., 0.0.0.0:8000 etc, as well as complex domains like app.staging.example.com returning .example.com => allows for cross-domain Cookie setting and destroying.

1
  • 1
    Ah: this breaks for e.g. bbc.co.uk -- which comes out as 'co.uk' Jan 30, 2021 at 12:18
1

I'm new to JavaScript, but cant you just use: document.domain ?

Example:

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

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

Output:

domain.com

or

www.domain.com

Depending on what you use on your website.

1

Even if the question is about the domain name, the accepted solution includes the subdomain (eg. you get blog.example.com calling location.hostname). For future reference I suggest a one-liner to extract only the domain (eg. https://blog.example.com/index.html -> example.com) as Micheal.

location.hostname.split('.').filter(( _, i) => i < 2).join('.')

Beware! It can break when the TLD is composed of two parts (eg. .co.uk). If that's your case change 2 with 3 in the code above.

1

you can use this to do away with the port number.

 var hostname = window.location.host;
 var urlWithoutPort = `https://${hostname}`;
 console.log(urlWithoutPort);

0

https://publicsuffix.org/list/

(https://github.com/publicsuffix/list/blob/master/public_suffix_list.dat)

is needed to correctly parse out all domains without suffixes, working with dots as in the answers above will never completely be correct. Feel free to run the above codes samples against the public suffixes dat file to realize this.

You can roll your own code based on this or use a package like https://www.npmjs.com/package/tldts

getDomainWithoutSuffix('google.com');        // returns `google`
getDomainWithoutSuffix('fr.google.com');     // returns `google`
getDomainWithoutSuffix('fr.google.google');  // returns `google`
getDomainWithoutSuffix('foo.google.co.uk');  // returns `google`
getDomainWithoutSuffix('t.co');              // returns `t`
getDomainWithoutSuffix('fr.t.co');           // returns `t`
getDomainWithoutSuffix('https://user:[email protected]:8080/some/path?and&query#hash'); // returns `example`

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.