How to get the current URL in JavaScript

It is very easy to get current URL because JavaScript provides window.location object which has all-important URL parts of the current location.

Below are some data you can get from window.location object:

• hash - returns or sets the anchor part (#) of a URL,
• href - returns or sets the entire URL,
• host - returns or sets the hostname and port number of a URL,
• port - returns or sets the port number of a URL,
• hostname - returns or sets the hostname of a URL,
• origin - returns the protocol, hostname and port number of a URL,
• pathname - returns or sets the pathname of a URL,
• protocol - returns or sets the protocol of a URL,
• search - returns or sets the query string part of a URL.

Code:

console.log(window.location.href); // get the entire URL 
console.log(window.location.host); // hostname and port if different then 80 or 443
console.log(window.location.origin); // protocol, hostname and port
console.log(window.location.port); // port if not 80 or 443
console.log(window.location.search); // querystring part