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 accessed without the window prefix.
Some examples:
- window.location.href: Returns the 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:
Display the URL of the current page:document.getElementById("demo").innerHTML = "Page location is " + window.location.href;Result:Page location is https://www.w3schools.com/js/js_window_location.asp
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:
Page hostname is www.w3schools.com
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:
Page path is /js/js_window_location.asp
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:Page protocol is https:
Window Location Port
The window.location.port property returns the port number of the internet host of the current page.
Example:
Display the port number:
document.getElementById("demo").innerHTML = "Port number is " + window.location.port;
Result:
Port number is
Most browsers do 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:
Load a new document:
<!DOCTYPE html><html><head><script>function newDoc() { window.location.assign("https://www.w3schools.com");}</script></head><body><input type="button" value="Load new document" onclick="newDoc()"></body></html>
