Open Playground
JS Browser BOMLesson #175

JavaScript Window Location

The window.location object can be used to get the current page address (URL) and to redirect the browser to a new page.

The window.location object can be used to get the current page address (URL) and to redirect the browser to a new page.


Share

Window Location

The window.location object can be written without the window prefix.

Some examples:

  • window.location.href returns the href (URL) of the current page
  • window.location.hostname returns the domain name of the web host
  • window.location.pathname returns the path and filename of the current page
  • window.location.protocol returns the web protocol used (http: or https:)
  • window.location.assign() loads a new document

Window Location Href

The window.location.href property returns the URL of the current page.

Example

Example Code

javascript
Try it Yourself
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

Window Location Hostname

The window.location.hostname property returns the name of the internet host (of the current page).

Example

Example Code

javascript
Try it Yourself
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

Window Location Pathname

The window.location.pathname property returns the pathname of the current page.

Example

Example Code

javascript
Try it Yourself
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

Window Location Protocol

The window.location.protocol property returns the web protocol of the page.

Example

Example Code

javascript
Try it Yourself
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

Window Location Port

The window.location.port property returns the number of the internet host port (of the current page).

Example

Example Code

javascript
Try it Yourself
document.getElementById("demo").innerHTML =
"Port
  number is " + window.location.port;
Most browsers will not display default port numbers (80 for http and 443 for https)

Window Location Assign

The window.location.assign() method loads a new document.

Example

Example Code

html
Try it Yourself
function newDoc() {
  window.location.assign(")

 }

Interactive Code Examples

JS Example 1

javascript
Try it Yourself
Interactive runnable JavaScript example from EA Academy.
Live Output Preview:

JS Example 2

javascript
Try it Yourself
Interactive runnable JavaScript example from EA Academy.
Live Output Preview:

JS Example 3

javascript
Try it Yourself
Interactive runnable JavaScript example from EA Academy.
Live Output Preview:

JS Example 4

javascript
Try it Yourself
Interactive runnable JavaScript example from EA Academy.
Live Output Preview:

JS Example 5

javascript
Try it Yourself
Interactive runnable JavaScript example from EA Academy.
Live Output Preview:

JS Example 6

html
Try it Yourself
Interactive runnable JavaScript example from EA Academy.
Live Output Preview: