Best way to get the full URL or query string of current page in JavaScript.
Image Source: Picsum

In this article, we will discuss the best way to get the full URL or query string of current page in JavaScript. We will also discuss the different ways to get the full URL or query string of current page in JavaScript.

You can save a picture for quick reference

window.location.href

We can use the window.location.href property to get the full URL or query string of current page in JavaScript. The window.location.href property returns the href (URL) of the current page.

console.log(window.location.href);
// expected output: https://thecodersblog.com/query-string-in-current-page-in-js/

window.location.origin

We can also use the window.location.origin property to get the full URL or query string of current page in JavaScript. The window.location.origin property returns the protocol, hostname and port number of the current page.

console.log(window.location.origin);
// expected output: https://thecodersblog.com

window.location.pathname

We can also use the window.location.pathname property to get the full URL or query string of current page in JavaScript. The window.location.pathname property returns the path and filename of the current page.

console.log(window.location.pathname);
// expected output: /query-string-in-current-page-in-js/

window.location.search

We can also use the window.location.search property to get the full URL or query string of current page in JavaScript. The window.location.search property returns the query string of the current page.

console.log(window.location.search);
// expected output: 

Conclusion

In this article, we have discussed the best way to get the full URL or query string of current page in JavaScript. We have also discussed the different ways to get the full URL or query string of current page in JavaScript. We hope you have found this article helpful. If you have any questions, please feel free to ask them in the comments section below.


References

The SQL Whisperer

The SQL Whisperer

Senior Backend Engineer with a deep passion for Ruby on Rails, high-concurrency systems, and database optimization.

Best way to check if a string contains a specific word or substring in JavaScript
Prev post

Best way to check if a string contains a specific word or substring in JavaScript

Next post

Setup Nginx with Let's Encrypt SSL certificate

Setup Nginx with Let's Encrypt SSL certificate