How to get the current URL with Javascript
📣 Sponsor
In Javascript, it is sometimes necessary to get the URL of the current web page you are on. There are a few ways to do this.
How to get the current URL with Javascript
If we want to get the full URL of the current web page, we simply have to use window.location.href
.
// Shows us the current URL
let currentUrl = window.location.href;
How to get the current domain URL with Javascript
If you only want to get the current domain, excluding any pages, you can run the following in Javascript:
let currentDomain = window.location.origin;
For instance, if you were on https://google.com/page/search/go/, the above would simply return https://google.com.
How to get the path after the domain with Javascript
If you want to get only the path after the domain, then run the following:
let currentPath = window.location.pathname;
Although these are the most common uses for window.location
, there are also a number of other useful properties, such as:
- window.location.port - the current port
- window.location.protocol - the current protocol, i.e. https:
- window.location.hash - anything after a hash at the end of the URL
- window.location.hostname - the domain without any ports or protocols
More Tips and Tricks for Javascript
- The Many Quirks of Javascript Dates
- Creating and Generating UUIDs with Javascript
- Javascript loops: for vs forEach vs for.. in vs for.. of
- How to Change CSS with Javascript
- Javascript Temporal and How it Works
- Web Workers Tutorial: Learn how Javascript Web Workers Work
- Javascript Logical Statements and Loops
- Javascript Shallow Copies - what is a Shallow Copy?
- Creating 3d Animated Gradient Effects with Javascript and WebGL
- How to install nvm, the Node Version Manager