2014-09-07 3 views
0

내 HTML은 jquery js를 포함하여 많은 js 파일 (10 개의 js 파일)을 사용하고 있습니다.필요할 때만 js 파일을로드하는 방법

즉시 필요하지 않지만 나중에 일부 버튼을 클릭 할 때 4 개의 js 파일이 있습니다.

필요한 시간에만 js 파일을로드 할 수 있다면 meknow를 허용 하시겠습니까 ??

내 HTML이 방법

<html> 
    <head> 
     <script type="text/javascript" src="js/accordian/jquery-1.9.1.js"></script> 
     <script type="text/javascript" src="js/accordian/jquery-ui.js"></script> 
     <script src="js/bootstrap.min.js"></script> 
     <script type="text/javascript" src="js/customerscreen_sub.js"></script> 
     <script type="text/javascript" src="js/toppings.js"></script> 
     <script type="text/javascript" src="js/crusts.js"></script> 
     <script type="text/javascript" src="js/customerorders.js"></script> 
     <script type="text/javascript" src="js/common.js"></script> 
     <script type="text/javascript" src="js/url.js"></script> 
     <script type="text/javascript"> 
+1

페이지의 맨 아래로 이동하고 요청의 수를 줄이기 위해 그들을 연결 고려 –

+0

"소요 시간"을 정의합니다. 파일 크기가 매우 큰 경우가 아니면 별도의 요청 수가 더 많은 문제입니다. –

+1

required.js일까요? – Dalorzo

답변

1

당신은 당신이 필요로하는 파일을 게으르게 -로드 RequireJS를 사용할 수에게 보인다.

http://requirejs.org/

+0

하나 더 js 파일 ?? :) – Pawan

+0

아니요, require는 index.html에있는 파일을 모두 바꿔야합니다. Javascript를로드하는 방법을 요구하는 작성한 구성 파일에 따라 파일을 비동기 적으로로드합니다. 설명서를 확인하십시오. – sma

+0

RequireJS가 좋습니다. 그러나 10 개의 파일을 결합하는 것은 매우 좋습니다. HTTP 요청에는 여전히 많은 오버 헤드가 있습니다. 항상로드 된 모든 파일을 1로 묶어두면 묶음이 저장됩니다. 나머지는'require'를위한 것입니다. – Rudie

관련 문제