Call javascript function after script is loaded

Question

I have a html page where I am appending html at dynamically through a javascript like below

<script type="text/javascript" src="/myapp/htmlCode"></script> 

I want to call a js function e.g. loadedContent(); once the above script adds dynamic html.

Can someone help me how I can do that?

Answer 1

you can achieve this without using head.js javascript.

function loadScript( url, callback ) {   var script = document.createElement( "script" )   script.type = "text/javascript";   if(script.readyState) {  // only required for IE <9     script.onreadystatechange = function() {       if ( script.readyState === "loaded" || script.readyState === "complete" ) {         script.onreadystatechange = null;         callback();       }     };   } else {  //Others     script.onload = function() {       callback();     };   }    script.src = url;   document.getElementsByTagName( "head" )[0].appendChild( script ); }   // call the function... loadScript(pathtoscript, function() {   alert('script ready!');  }); 

Answer 2

I had the same problem... My solution (without jQuery) :

<script onload="loadedContent();" src ="/myapp/myCode.js"  ></script>