Getting the domain name from a URL in JavaScript

In this tutorial, we are going about how to get the current domain name of a URL you are browsing with JavaScript.

Getting the domain name

Consider we have the following URL:

https://reactgo.com/tutorials/javascript/

To access the domain name from an above URL, we can use the window.location object that contains a hostname property which is holding the domain name.

const domainName =  window.location.hostname;

console.log(domainName); // "reactgo.com"

Similarly, we can also use the document.domain property to access it.

document.domain; // "reactgo.com"

You can also get the domain name with a protocol (like https or http) using the window.origin property.

window.origin; //  "https://reactgo.com"