
In a web page URL, the `hostname` (i.e. `"www.example.com"`) is either the registered name or IP address assigned to a web page or website (can include a `port` number as well).

When programming in JavaScript, how do you get the URL `hostname` and `port` number of the current page?

JavaScript has a built-in way to get this information using the [Location](https://developer.mozilla.org/en-US/docs/Web/API/Location) API interface, which represents the location (URL) of the current web page you're located on. The global `Window` interface has access to the `Location` object that can be used via `window.location`.

<aside class="info"><p>If you only want to return the <code>hostname</code> value (excluding the <code>port</code> number), use the <code>window.location.hostname</code> method instead.</p></aside>

Here's what the method looks like in practice:

```
---
type: file
label: JavaScript
language: js
---
window.location.host
```

This will return a string value containing the `hostname` and, if the port value is non-empty, a `:` symbol along with the port number of the URL.

Here are some example returned values to expect:

```
---
type: file
label: JavaScript
language: js
---
// Page URL: https://coderrocketfuel.com/courses
window.location.host = "coderrocketfuel.com"

// Page URL: https://coderrocketfuel.com:80/courses
window.location.host = "coderrocketfuel.com:80"

// Page URL: http://localhost:3000
window.location.host = "localhost:3000"
```

For more information on the browser support for this method, see its [MDN web docs page](https://developer.mozilla.org/en-US/docs/Web/API/Location/host#Browser_compatibility).

Thanks for reading and happy coding!


How to get the hostname and port number of a web page using JavaScript's window.location.host method.

Get The URL Hostname & Port Of A Web Page Using JavaScript