JS regex for matching different #tags in URL

Question

I am in need of two regular expressions. First of all I want to check if my URL contains the hashtag #videos. Then if it does, I want to get the value of the second #tag. That value could contain all kinds of characters;

http://local/default.php#videos#12345
http://local/default.php#videos#g5458f
http://local/default.php#videos#0-e4a5d

This is what I've got so far:

if (window.location.hash = 'videos') {
      var url = window.location.hash,
          id = url.match(regex-goes-here);  // output e.g string '12345'
}

(Not sure if my extremely simple check (window.location.hash = 'videos') will work on two hashtags..? There is probably a better way of checking the URL, if so, please do tell :-)

Okay obviously window.location.hash won't work if you have multiple hastags... — patad
– patad, Commented Jun 14, 2011 at 14:47
the second # is simply part of the hash, it's valid, eg. in case of 'local/default.php#videos#12345', window.location.hash will be #videos#12345 — reko_t
– reko_t, Commented Jun 14, 2011 at 14:49
Ahh! That's why window.location.hash === '#videos' returned false. Makes sense, thanks! — patad
– patad, Commented Jun 14, 2011 at 14:56

reko_t · Accepted Answer · 2011-06-14 14:51:47Z

3

You can get an array of tags like this:

var tags = window.location.hash.replace(/^#/, '').split('#');

In case of http://local/default.php#videos#12345, tags[0] will be videos and tags[1] will be 12345. You can use tags.length to determine how many tags there are.

answered Jun 14, 2011 at 14:51

reko_t

56.7k10 gold badges92 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

patad Over a year ago

Neat and simple - love it! Thanks!

Collectives™ on Stack Overflow

JS regex for matching different #tags in URL

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related