Question

I have functions in side a document.ready and I want to call them using value inside a variable.. I tried to use window[variablename](); but it is not working inside document.ready but when called it directly it works..

think this is the function inside the document.ready

$(document).ready(function() {

    function jhon(){
         alert('works');
    };
});

I’m getting function name from a variable,value of that variable is the name of the function..

below code will get the URL’s hashed part example: #JHON and remove # and store it inside URLHASH variable..example: JHON

  var urlhash = document.location.hash;
  urlhash = urlhash.replace(/^.*#/, '');

when I called like this it is not working..

  window.onload=function() {
      window[urlhash]();
  };

but when I call the function like this it is working fine..

  window.onload=function() {
      jhon();
  };

Is it possible to call a function using variable value?

Answer 1

Define the function jhon outside of $(document).ready. Otherwise, it’ll be hidden, and thus inaccessible via window[function_name]:

function jhon(){
     alert('works');
};

$(document).ready(function() {
  var urlhash = document.location.hash;
  urlhash = urlhash.replace(/^.*#/, '');
  window[urlhash]();
});