Loading lesson path
Concept visual
Start at both ends
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 written without the window prefix.
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
The window.location.href property returns the URL of the current page.
Display the href (URL) of the current page: document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;The window.location.hostname property returns the name of the internet host (of the current page).
Display the name of the host: document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;The window.location.pathname property returns the pathname of the current page.
Display the path name of the current URL: document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;The window.location.protocol property returns the web protocol of the page.
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;The window.location.port property returns the number of the internet host port (of the current page).
Display the name of the host: 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)
The window.location.assign() method loads a new document.
<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>