Question

Say I have a web page index.html. Suppose the client goes to index.html#section2. This should take the client to the section of the page with a block-level element having a name attribute of section2.

How do I detect this inline link in javascript? Specifically, if the user goes to index.html#section2, I want to run a certain function in javascript.

I am open to using jQuery as well. Thank you!

Answer 1

Use jQuery with this jQuery plugin
http://benalman.com/projects/jquery-hashchange-plugin/

Then you can do:

$(window).bind( 'hashchange', function( event ) {
    if(window.location.hash === "#section2"){
        // What you want to do
    }
})

Or if you dont want to use jQuery just use onclick events.

<a href="#section2" onclick="changed()"></a>

JS:

function changed(){
        setTimeout(function(){
                if(window.location.hash === "#section2"){
                    // What you want to do
                }
        })
}
window.onload = changed; // In case user starts on #section2