Tutorials
THE WORLD'S LARGEST WEB DEVELOPER SITE

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.



Window Location

 

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

Some examples:

Window Location Href

 

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

Example

Display the href (URL) of the current page:

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

Result is:

Page location is http://www.daks.me/js/js_window_location.asp
Try it Yourself

Window Location Hostname

 

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

Example

Display the name of the host:

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

Result is:

Page hostname is www.daks.me
Try it Yourself

Window Location Pathname

 

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

Example

Display the path name of the current URL:

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

Result is:

/js/js_window_location.asp
Try it Yourself

Window Location Protocol

 

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

Example

Display the web protocol:

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

Result is:

Page protocol is http:
Try it Yourself

Window Location Assign

 

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

Example

Load a new document:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("http://www.daks.me")
}
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>
Try it Yourself