Get the URL Hostname with JavaScript

02/15/2022
Contents
In this article, you will learn how to get the URL hostname with JavaScript.
What is the hostname?
Originally, it is the name of a computer connected to the network.
When dealing with JavaScript, it is good to recognize that it is the part up to /
at the beginning of the URL.
Location: hostname
The hostname property is a property of the Location object that has information about the current location and contains the string that contains the domain of the URL.
The syntax is below.
location.hostname
Since it is a property of Window.location built in JavaScript, you can use it by writing Window.location.hostname as it is.
Since Window is optional, you can use it by writing location.hostname.
Sample Code
Below is a sample code to get the host name.
let anchor = document.createElement("a");
anchor.href = "https://plantpot.works/JavaScript/12345";
console.log(anchor.hostname); // https://plantpot.works