UI5 framework异步加载javascript的solution - 动态创建script node

时间:2022-06-24
本文章向大家介绍UI5 framework异步加载javascript的solution - 动态创建script node,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Created by Jerry Wang, last modified on Sep 22, 2015

  • includeScript
  • createElement
<html>
<script>
function loadScript(url, callback){
 var script = document.createElement ("script") ;
  script.type = "text/javascript";
       
    if (script.readyState){ //IE
  script.onreadystatechange = function(){
   if (script.readyState == "loaded" || script.readyState == "complete"){
     script.onreadystatechange = null;
    callback();
            } // end of readyState
        }; // end of onreadystatechange
    } // end of IE
    else { //Others
        script.onload = function(){
         callback();
     };
 }
 script.src = url;
 document.getElementsByTagName("head")[0].appendChild(script);
}
loadScript("026_test.js", function(){
 console.log("File is loaded!");
 hello();
});
</script>
</html>

UI5 框架的use case: