window.location in Javascript Example

JavaScript Window Location – We will discuss all javascript window location features and uses. How it works and uses. We will know first javascript window location functions/methods.

The window.location object can be used to get the current webpage (URL) and to redirect the browser to a new webpage. The window prefix is not necessary but some cases we need it…

Some of the most important daily useful functions and methods of javascript window location are the window.location.href, the window.location.hostname, the window.location.pathname, window location.protocol, window.location.assign() etc

Let’s See JavaScript location

Contents

• window.location.href => get the current webpage.
• window.location.hostname => get the webhost (domain name).
• window.location.pathname => get filename path of the current webpage.
• window.location.protocol => get the web protocol used (http: or https:)
• window.location.assign => loads a new document.

The Window location href

The window.location.href method return the current webpage URL.

Example

var exp = window.location.href;
 
document.write("Current url of browser =  "+exp);

Window Location Hostname

The window.location.hostname method used to which is return the name of the current pages internet host.

Example

var exp = window.location.hostname;
 
document.write("hostname =  "+exp);

Window Location Pathname

The window.location.pathname method is used for get the pathname of the current webpage.

Example

var exp = window.location.pathname;
 
document.write("Pathname =  "+exp);

Window Location Protocol

The window.location.protocol method is used for get the protocol of the current webpage.

Example

var exp = window.location.protocol;
 
document.write("Protocol =  "+exp);

Window Location Assign

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

Example

function newDocument() { 
   window.location.assign("https://www.tutsmake.com/")      
}

Suggest:

☞ JavaScript Programming Tutorial Full Course for Beginners

☞ Learn JavaScript - Become a Zero to Hero

☞ Javascript Project Tutorial: Budget App

☞ Top 10 JavaScript Questions

☞ E-Commerce JavaScript Tutorial - Shopping Cart from Scratch

☞ JavaScript for React Developers | Mosh