외부 JavaScript로드 중 메시지 "로드 중"이 표시됩니까?

Question

그래서 JS 또는 jQuery 등을 사용하여 내용이로드되는 동안 "로드 중"메시지를 표시하는 방법을 알고 있습니다. 많은 JS 종속성을 가진 꽤 큰 webapp를 만들었고 모든 스크립트가로드되는 동안 "로딩"메시지를 표시하려고합니다.

내 머리 태그는 거기에 <script src=…> 태그의 번호를 가지고 있는데 사용자가 페이지를 방문 할 때 로딩 메시지 즉시을 표시 한 다음 모든 스크립트가로드 될 때를 제거 할.

이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

Answer 1

그런 다음 jquery의 $ ajax 함수를 사용하여 다운로드가 완료된 후 head 태그에이 javascript 파일과 add script 요소를 다운로드하십시오. 이 같은

는 :

// display loading message here 

$ajax("javascriptfile.js",function(file){ 

    // attach downloaded file to head tag now 

}); 

Answer 2

당신은 아마 스크립트의 지연로드해야합니다. 이 Lazy Loading의 마지막 예제는 YUI를 통해 .js를로드하는 것을 보여줍니다. 이 예제 코드는 참조 용으로 아래에 포함되어 있습니다 : 당신이 가능하게 초기 로딩 이미지를로드하고 콜백 함수를 제거 할 수

var HelloWorld = { 
    is_loaded: false, 
    lazyLoad: function(callback) { 
     var loader = new YAHOO.util.YUILoader(); 
     loader.addModule({ 
      name: "helloworld", 
      type: "js", 
      fullpath: "yui_ex/helloworld.js" 
     }); 
     loader.require("helloworld"); 
     if (callback) { 
      loader.onSuccess = callback; 
     } 
     loader.insert(); 
    }, 
    sayIt: function() { 
     var args = arguments; 
     HelloWorld.lazyLoad(function() { HelloWorld.sayIt.apply(HelloWorld, args); }); 
    } 
}; 

참고. 그래서 질문을 JQuery to load Javascript file dynamically 읽기, 당신은 또한 $.getScript() 같은 일을 할 수 있습니다.

this link

에서 다른 예를 찾을 수도 있습니다.