by Sai gowtham

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"

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
45,614 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
130,921 students enrolled
48.5 hours of video content
View Course