Using Hashes in URL to Run Script onload

Question

I was wanting to make a link similar to this

www.mysite.com/profile/#openTheme

When the link has the hash "#openTheme" i want it to run a function on the page when the page is loaded.

Is there a way to set an Anchor like this eg:

<a name="openTheme" onActivate="runScript()">

Or is there a better way of doing it? Eg, running a script onload to find any location hashes and using if/else?

Thanks.

It wouldn't be that simple, are you willing to use a framework like jQuery or should I hack something together in regular JavaScript? — Drew
– Drew, Commented Nov 18, 2010 at 1:46

Surreal Dreams · Accepted Answer · 2010-11-18 01:46:58Z

2

You can pick this up using this:

self.document.location.hash

This will return #openTheme in this case. You can then do an if, so...

if(self.document.location.hash == '#openTheme')
{
    //do something
}

answered Nov 18, 2010 at 1:46

Surreal Dreams

26.4k4 gold badges49 silver badges61 bronze badges

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

1 Comment

Moe Over a year ago

Worked a treat! Thanks chief.

Niet the Dark Absol · Accepted Answer · 2010-11-18 01:55:08Z

0

You can register the window.onhashchange event, which will fire whenever the user types a new hash into the address bar, or a link is clicked that points to a hash on the current page, or JavaScript sets location.href to "#something-or-other".

answered Nov 18, 2010 at 1:55

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Collectives™ on Stack Overflow

Using Hashes in URL to Run Script onload

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related