Home/ Questions/Q 6709235
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T07:51:25+00:00

Possible Duplicate: Handle URL anchor change event in js Is it possible to have

  • 0

Possible Duplicate:
Handle URL anchor change event in js

Is it possible to have a javascript function run via an anchor tag.

E.g. if you went to… http://www.site.com/index.html#function1 … Then function1 would run?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Put a an onload listener on the page and a click listener on the link that goes to the anchor. When fired, check window.location.href, something like:

    <body onload="checkHash();">

  <a href="#foo" onclick="checkHash()">go to foo</a>
  <br>
  <a href="#bar">go to bar</a>

  <p>something in between</p>

  <a name="foo">foo</a>
  <br>
  <a name="bar">bar</a>

<script type="text/javascript">
  function checkHash() {
    // Check URL using setTimeout as it may not change before
    // listener is called
    window.setTimeout(doHashCheck, 10)
  }
  var doHashCheck = (function(global) {
    return function() {
      var fnName = window.location.hash.replace(/^#/,'');
      console.log(fnName);
      // fnName should be a native function, not a host method
      if (typeof global[fnName] == 'function') {
          global[fnName]();
      }
    }
  })(this);

  function foo() {
    alert('foo');
  }

  if (!window.console) window.console = {};
  if (!console.log) console.log = window.alert;
</script>
</body>
    • 0