• Skip to primary navigation
  • Skip to main content

The Programming Expert

Solving All of Your Programming Headaches

  • Home
  • Learn to Code
    • Python
    • JavaScript
  • Code Snippets
    • HTML
    • JavaScript
    • jQuery
    • PHP
    • Python
    • SAS
    • Ruby
  • About
  • Write for Us
You are here: Home / JavaScript / Using JavaScript to Get URL Hash

Using JavaScript to Get URL Hash

July 15, 2022 Leave a Comment

We can use JavaScript to get the URL hash of the current page we are on by using the window object and getting the location.hash property of it. So the property window.location.hash will return the current hash part of the URL that you see at the top of your browser. Since this page does not have a hash part in the URL, window.location.hash will return nothing.

Let’s say our URL contained a hash. If you click the link below, you will see #example in the URL.

https://theprogrammingexpert.com/javascript-get-url-hash/#example

var curr_path_url = window.location.hash;

console.log(curr_path_url);

#Output
#example

Using JavaScript to Get the Base URL

We can also use JavaScript to get the base URL of the current page we are on by using the window object and getting the location.base property of it. So the property window.location.base will return the current base URL that you see at the top of your browser.

var curr_base_url = window.location.base;

console.log(curr_base_url);

#Output
//https://theprogrammingexpert.com

Using JavaScript to Get the Host URL

We can also use JavaScript to get the host URL of the current page we are on by using the window object and getting the location.host property of it. So the property window.location.host will return the current host URL that you see at the top of your browser.

var curr_host_url = window.location.host;

console.log(curr_host_url);

#Output
theprogrammingexpert.com

Using JavaScript to Get the Current URL

When working with web browsers, sometimes you may want to get the current URL of the page you are working with after getting that web page with your web driver.

We can easily get the current URL of a web page by accessing the window object and getting it’s location.href property.

var curr_url = window.location.href;

console.log(curr_url);

#Output
//https://theprogrammingexpert.com/javascript-get-host-url/

Hopefully this article has been useful for you to learn how to use JavaScript to get the url hash of a webpage.

Other Articles You'll Also Like:

  • 1.  Using JavaScript to Remove the First Character From a String
  • 2.  Using JavaScript to Generate a Random Float Between 0 and 1
  • 3.  How to Select All Checkboxes in JavaScript
  • 4.  Using JavaScript to Check if String Contains Only Letters
  • 5.  Create Array of Zeros in JavaScript
  • 6.  How to Change the Id of an Element in JavaScript
  • 7.  Add Years to a Date Using JavaScript
  • 8.  Using JavaScript to Remove the Last Character From a String
  • 9.  Set Checkbox as Checked in JavaScript
  • 10.  Using JavaScript to Add Leading Zeros

About The Programming Expert

The Programming Expert is a compilation of a programmer’s findings in the world of software development, website creation, and automation of processes.

Programming allows us to create amazing applications which make our work more efficient, repeatable and accurate.

At the end of the day, we want to be able to just push a button and let the code do it’s magic.

You can read more about us on our about page.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2023 · The Programming Expert · About · Privacy Policy