脚本加载后调用javascript函数

Question

我有一个html页面，我在其中通过如下所示的javascript动态附加html

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

我想调用一个js函数，例如，loadedContent（）; 一旦以上脚本添加了动态html。

有人可以帮我怎么做吗？

Answer 1

您可以在不使用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!'); 
});