javascript detect # in url

Question

My application is an iframe app so when the user changes page they do not automatically get taken to the top. To combat this on page load I call

window.location.hash = 'tophash'

I have found however on some rare cases I need to take the user to a specific part of the page. So I make a url with #anotherID on the end. Problem is currently they are taken to tophash on page load.

What I need is if there is a hash within the url it does not run window.location.hash = 'tophash'

So my question is... how do I detech the presence of a # in the url?

Pekka · Accepted Answer · 2010-09-12 15:15:34Z

3

Querying the hash property before setting it should do the job.

if ((!window.location.hash) || (window.location.hash == "#"))
 window.location.hash = "tophash";

edited Sep 12, 2010 at 15:15

answered Sep 12, 2010 at 14:59

Pekka

451k150 gold badges989 silver badges1.1k bronze badges

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

7 Comments

T.J. Crowder Over a year ago

It's not == null when it's empty, at least not on Chrome (jsbin.com/ecela4). It should be an empty string (and is on Chrome: jsbin.com/ecela4/2), but I'd probably code defensively and go with == "".

Pekka Over a year ago

@T.J. good point! Changed to a length check and added a check for a lone # just to make sure - Chrome takes away lone #es but I wouldn't trust everyone does

Pekka Over a year ago

@Starlin argh, my update was humbug, sorry. Please use the one posted now

BGerrissen Over a year ago

!window.location.hash is a better way of checking hash, notice the ! Empty string, array, 0, undefined and null will all evaluate to false when using !

Pekka Over a year ago

@BGerrissen fair point! Wasn't aware ! was this flexible in JS. Changed.

|

Collectives™ on Stack Overflow

javascript detect # in url

1 Answer 1

7 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Related