JavaScript: get and set variables in window.location.hash?

Question

Does anyone have a good solution for getting and setting variables in window.location.hash?

Take a URL that looks like this:

domain.com/#q=1&s=2

What I'd like is an unstressful way - JavaScript or jQuery - to check the values of q and s when the page loads, and change them following events on the page.

I have found some code for getting hash variables, but nothing sensible for setting them.

Am I missing something really obvious, or do I need to roll my own solution (and release it!)?

Thanks.

I can write my own regex if needed - just wondering if there was a tidier way. — AP257, Feb 23 '11 at 18:37
With regex, setting/getting is one line of code. That's the simplest method. — Šime Vidas, Feb 23 '11 at 18:47

score 3 · Answer 1 · edited May 07 '11 at 08:45

3

Haven't used it but there is jHash

jHash allows you to work with the 'location.hash' value in a similar fashion to a server-side query string.

This library utilizes the HTML5 "onhashchange" event, but also includes a fall back to still allow the change notifications to work properly in older web browsers.

edited May 07 '11 at 08:45

Stu Thompson

38,370
19
110
156

answered Feb 23 '11 at 18:37

macarthy

3,074
2
23
24

score 1 · Accepted Answer · edited May 23 '17 at 12:16

1

jQuery BBQ can do this.

See also:

Edit as @gonchuki points out, jQuery.query can also do this.

edited May 23 '17 at 12:16

Community

1
1

answered Feb 23 '11 at 18:46

Matt Ball

354,903
100
647
710

jquery.url.js doesn't support hash params, or so it seems, alas. – AP257 Feb 23 '11 at 19:06
... and jQuery URL parser only gets the total value of the anchor, not parameters within it. – AP257 Feb 23 '11 at 19:07
@AP257: then you probably want jQuery BBQ. – Matt Ball Feb 23 '11 at 19:08
Yes, BBQ looks like the best solution. Thanks! – AP257 Feb 23 '11 at 19:20
@gonchuki: you're right, thanks! I'll edit that in to my answer. – Matt Ball Feb 23 '11 at 20:30

score 0 · Answer 3 · answered Jan 23 '16 at 00:10

JHash didn't work for me in that I wanted it to trigger the routes right away. I personally used routie instead.

It lets you do advanced routing just like jHash but will trigger on page load correctly.

Below will match example.com/#users/john

routie('users/:name', function(name) {
    //name == 'bob';
});

JavaScript: get and set variables in window.location.hash?

3 Answers3