pathname of a URL is the string containing an initial
"/" followed by the path of the URL. Or an empty string if there is no path in the URL.
How do you get the URL
Window interface has access to the
Location object that can be used via
Using that interface, you can get the URL
pathname with this method:
This method will return a USVString containing an initial
"/" character followed by the path of the URL.
Here are some example returned values to expect:
// Page URL: https://coderrocketfuel.com/courses window.location.pathname == "/courses" // Page URL: https://coderrocketfuel.com/courses/build-a-coding-blog window.location.pathname == "/courses/build-a-coding-blog" // Page URL: https://coderrocketfuel.com window.location.pathname == "/" // Page URL: https://coderrocketfuel.com/courses/build-a-coding-blog?q=tacos window.location.pathname == "/courses/build-a-coding-blog"
Notice that a URL without a
pathname will return a
Also, if a URL has a query string (after the
? symbol), it will not be included in the returned
To quickly test this, open the developer tools in your favorite browser and call the
pathname should be logged to the console.
For more information on the browser support for this method, see its MDN web docs page.
Thanks for reading and happy coding!