Parsing URL hash/fragment identifier with JavaScript

by

Here it is, modified from this query string parser:

function getHashParams() {

    var hashParams = {};
    var e,
        a = /\+/g,  // Regex for replacing addition symbol with a space
        r = /([^&;=]+)=?([^&;]*)/g,
        d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
        q = window.location.hash.substring(1);

    while (e = r.exec(q))
       hashParams[d(e[1])] = d(e[2]);

    return hashParams;
}

No JQuery/plug-in required

Update:

I’m now recommending the jQuery BBQ plugin as per Hovis’s answer. It covers all hash parsing issues.

Update (2019)

Apparently there is now a URLSearchParams function – see answer from @Berkant

More Related Contents:

  1. How can you check for a #hash in a URL using JavaScript?
  2. Get current URL with jQuery?
  3. Change the URL in the browser without loading the new page using JavaScript
  4. Trying to Validate URL Using JavaScript
  5. JavaScript – Get Portion of URL Path
  6. Modifying location.hash without page scrolling
  7. How do I get the fragment identifier (value after hash #) from a URL?
  8. How to get the anchor from the URL using jQuery?
  9. Getting URL hash location, and using it in jQuery
  10. How can I update window.location.hash without jumping the document?
  11. How to check if the URL contains a given string?
  12. Get query string parameters url values with jQuery / Javascript (querystring)
  13. Change URL and redirect using jQuery
  14. How to escape a JSON string to have it in a URL?
  15. How to replace url parameter with javascript/jquery?
  16. Highlight Menu Item when Scrolling Down to Section
  17. What are the differences between history.pushState & location.hash? [closed]
  18. How to detect URL changes with jQuery
  19. Javascript: extract URLs from string (inc. querystring) and return array
  20. jQuery Youtube URL Validation with regex
  21. How to test if a URL string is absolute or relative?
  22. Remove fragment in URL with JavaScript w/out causing page reload
  23. get url after “#” in express.js middleware request
  24. jQuery add class based on page URL
  25. Checking a Url in Jquery/Javascript
  26. Uncaught ReferenceError: $ is not defined?
  27. How to detect Ctrl+V, Ctrl+C using JavaScript?
  28. Selecting Part of String inside an Input Box with jQuery
  29. How to build simple tabs with jQuery?
  30. How can I load jQuery if it is not already loaded?

Leave a Comment