hash value sets or returns an anchor part of a URL beginning with the
# symbol. It is often used to create internal links between different sections of a web page.
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
hash with this method:
This method will return a USVString containing an initial
# character followed by the fragment identifier of the URL.
If the URL doesn't contain a
hash value or anchor fragment identifier, the method will return an empty string (
Here are some example returned values to expect:
// Page URL: https://coderrocketfuel.com/courses#Free-Courses window.location.hash == "#Free-Courses" // Page URL: https://coderrocketfuel.com/courses/build-a-coding-blog window.location.hash == ""
Notice that a URL without a
hash fragment identifier will return an empty (
To quickly test this, open the developer tools in your favorite browser and call the
hash fragment identifier 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!