Thursday, April 26, 2018

JavaScript Window Location


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 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
Display the href (URL) of the current page:

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

Page location is file:///android_asset/Html45839/js_window_location.html
»
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
»
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:

/android_asset/Html45839/js_window_location.html
»
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 file:
»
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("https://www.Omegas.com")
}
</script>
</head>
<body>

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


Related Posts:

0 comments: