How to set location and location.href using JavaScript ?

JavaScript location.host vs location.hostname

Last Updated : 05 May, 2025

In this article, we will learn about how to get information related to the webpage like hostname, port number, etc. We will also see the difference between the location.hostname and location.host.

location object is used to get information about the current web page. host and hostname are properties of location objects.

location.hostname: This property will return the domain name of the web page.

Syntax:

location.hostname

Return value: It returns a string representing the domain name or IP address.

If this is our URL,

https://www.geeksforgeeks.org:8080/ds/heap

When we call location.hostname, This will return.

www.geeksforgeeks.org

Example :

JavaScript

console.log("hostname : " + location.hostname);

location.host: This property also returns the same hostname but it also includes the port number. In case, if the port number is not available, then it will just return the hostname.

Syntax:

location.host

Return value: It returns a string representing the domain name and port number.

If this is our URL,

https://www.geeksforgeeks.org:8080/ds/heap

When we call location.host, This will return.

www.geeksforgeeks.org:8080

Example :

JavaScript

console.log("host : " + location.host);

location.hostname	location.host
It is a property of a location object.	It is also a property of a location object.
It returns the domain name of the current webpage.	It returns the domain name as well as the port number (if available) of the current webpage.
The return value is of String type.	The return value is of String type.
Ex: www.abc.com	Ex: www.abc.com:8080

How to set location and location.href using JavaScript ?

H

hrtkdwd

Improve

Article Tags :

Similar Reads

How to set location and location.href using JavaScript ?

In this article, we will set the location and location.href using Javascript. Both location and location.href are used to set or return the complete URL of your current page. They return a string that contains the entire URL with the protocol. Syntax: location = "https://www.geeksforgeeks.org";or lo

JavaScript | window.location and document.location Objects

window.location and document.location: These objects are used for getting the URL (the current or present page address) and avert browser to a new page or window. The main difference between both is their compatibility with the browsers. The window.location is read/write on all compliant browsers. T

HTML DOM Location hostname Property

The Location hostname property in HTML is used to return the hostname of the current URL. The Location hostname property returns a string that contains the domain name, or the IP address of a URL. Syntax: It returns the hostname property. location.hostname It is used to set the hostname property. lo

JavaScript Location protocol Property

A network protocol defines rules and conventions for communication between network devices. By adopting these rules, two devices can communicate with each other and can interchange information. The protocol property sets or returns the protocol of the current URL, including the colon (:). Syntax: lo

How to Get Browser to Navigate URL in JavaScript?

As a web developer, you may need to navigate to a specific URL from your JavaScript code. This can be done by accessing the browser's window object and using one of the available methods for changing the current URL. In JavaScript, there are several approaches for navigating to a URL. The most commo

How to parse a URL into hostname and path in javascript ?

We can parse a URL(Uniform Resource Locator) to access its component and this can be achieved using predefined properties in JavaScript. For Example, the first example parses the URL of the current web page and the second example parses a predefined URL. Example 1:This example parses the URL of the

How to parse URL using JavaScript ?

Given an URL and the task is to parse that URL and retrieve all the related data using JavaScript. Example: URL: https://www.geeksforgeeks.org/courses When we parse the above URL then we can find hostname: geeksforgeeks.com path: /courses Method 1: In this method, we will use createElement() method

HTML DOM Location host Property

The Location Host property in HTML is used to sets or return the hostname and port of a URL. The Location Hash property doesn't return the port number if it is not specified in the URL. Syntax: It returns the host property. location.hostIt is used to set the host property. location.host = hostname:p

How to Extract the Host Name from URL using JavaScript?

Extracting the hostname from a URL using JavaScript means retrieving the domain part from a complete web address. This can be done using JavaScript's URL object or methods like window.location, which allow easy access to the hostname of a URL. What is URL?A URL (Uniform Resource Locator) is the web

How To Get URL And URL Parts In JavaScript?

In web development, working with URLs is a common task. Whether we need to extract parts of a URL or manipulate the URL for navigation, JavaScript provides multiple approaches to access and modify URL parts. we will explore different approaches to retrieve the full URL and its various components. Th