2013-09-28 2 views
-3

웹 응용 프로그램이있어서 페이지 로딩 후 많은 js 개의 스크립트를로드해야합니다. 나는이 같은 while 루프에서 그것을 할 노력하고있어 : - 서로 다른 시간에 5 js 스크립트하지만 제대로 하나의 스크립트, 다른 스크립트 또는하지를로드동적 스크립트 로딩

while (....) { 
    var script = document.createElement('script'); 

    // 
    // Here i'm adding script to the html page 
    // 

    script.onload = function(){ 
    // 
    // Do somthing here 
    // 
    } 

} 

하지만 난은 문제가 있다면, 내가 3가 루프에로드하는 시간 또는 내가 무엇이 잘못되었는지 이해하지 못합니다. 정확하게로드하고 html 페이지에 많은 js 개의 스크립트를 포함시키는 방법은 무엇입니까?

감사합니다.

+2

답변을 솔루션으로 추가하고 동의하십시오 ... – Sinkingpoint

+0

중요한 부분을 난독 처리하면 아무도 코드를 도울 수 없습니다. – Pavlo

답변

2

당신은 아마도 at this blog 다른 JS 로더를 설명 할 수 있습니다 ... 현재 HeadJS (RequireJS에서 멀리 옮겼습니다)를 사용하고 있으며 지금까지 정말 좋았습니다.

심지어 HTML 코드 (head.js 자체 외에)에로드되는 유일한 스크립트 인 Loader.js 클래스가 있고 매력처럼 작동합니다.

head.js("./js/ink/ink-all.js", 
     "./js/jquery/jquery.js", 
     "./js/html5-boilerplate/plugins.js", 
     "./js/i18next/i18next-1.6.3.js", 
     "./js/reclameAqui/ReclameAqui.js", 
     "./js/reclameAqui/controller/IndexController.js", 
     "./js/reclameAqui/controller/NavBarController.js", 
     "./js/reclameAqui/controller/FooterController.js", 
     "./js/reclameAqui/controller/ApplicationController.js", 
     "./js/angular/angular.js", 
     "./js/reclameAqui/utils/i18n/DictionaryLoader.js", 
     function() { 
      var appReclameAqui; 
      console.info("Loading..."); 
      return appReclameAqui = new ReclameAqui(); 
     }); 
0

찾을 솔루션 :

아래 코드를 참조하십시오. 나는 while 루프 대신 [] .forEach를 사용하고 있습니다.