What is the DOM Location object?
In JavaScript, the DOM Location object is part of the window object and contains information about the current URL. It can be accessed through the window.location property.
Properties of the Location object
1. hash
It returns the anchor part of the current URL, including the #.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.hash);
// will return: #example
2. host
It returns the hostname, a : (colon), and port number of the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.host);
// will return: educative.io:43
3. port
It returns the port number of the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.port);
// will return: 43
4. hostname
It returns the hostname of the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.hostname);
// will return: educative.io
5. protocol
It returns the protocol of the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.protocol);
// will return: https
6. origin
It returns the protocol of the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.origin);
// will return: https
7. pathname
It returns the pathname of the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.pathname);
// will return: /shot
8. search
It returns the query string part of the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.search);
// will return: ?q=location
9. href
It returns the current URL.
Example
Assuming that the URL is https://educative.io:43/shot?q=location#example.
console.log(location.href);
// will return: https://educative.io:43/shot?q=location#example
Methods of the Location object
1. assign()
It loads a new document at the URL provided in the parameter.
Example
location.assign('https://shubhamkshatriya25.github.io/');
2. reload()
It reloads the URL, just like a refresh.
Example
location.reload();
3. replace()
It replaces the current URL with a new URL provided in the parameter.
Example
location.replace('https://shubhamkshatriya25.github.io/');