2012-12-21 2 views
4

javascript 및 html로 프로그래밍하는 동안 "Separation of concerns"를 존중하는 것이 가능하면 노력합니다. 많은 경우, 페이지가로드 된 후 몇 가지 코드를 실행해야하고 jQuery의 문서 준비 기능을 사용합니다. 내 자바 스크립트 코드를 분리 된 파일에 넣는 것을 선호한다. 문제는 내가 몇 가지 HTML 파일에 사용하는 스크립트 파일이 있고이 문서의 모든 기능을 문서 준비 기능에서 실행해서는 안된다는 것입니다. 이런 이유로, 나는 script 태그를 HTML과 document ready function에 넣어 두었지만 나머지 javascript 코드는 javascript 파일에있다.html 파일에 스크립트 태그 추가

다른 상황에서 스크립트 파일을 재사용하는 것을 촉진하기 위해 html에 문서 준비 기능을 두는 것이 좋은 방법입니까 아니면이 문제를 해결하기위한 좋은 방법이 있습니까?

감사합니다. 그런 다음 클라이언트에 출력을 보내도록 아파치 mod_deflate 모듈을 사용

<script type="text/javascript" src="common_stuff.js"></script> 
    <script type="text/javascript" src="stuff_for_this_page.js"></script> 

: 당신의 HTML에서

+0

http://developer.yahoo.com/performance/rules.html#js_bottom – rlemon

답변

2

는 같은 것을 넣어.

이렇게하면 개발시 HTML에서 Javascript를 분리 할 수 ​​있지만 클라이언트가 JQuery ready 함수를 별도로로드 할 때까지 기다리지 않아도됩니다.

+0

감사합니다. @Ed Heal, 좋은 해결책 인 것처럼 보이지만 문서를 넣기 위해 js 파일을 갖는 오버 헤드가 아닙니다. 준비 기능? –

+0

@ChristopherDalman - 'stuff_for_this_page.js'에는 다른 것들이 포함될 수도 있습니다. 게다가'ready' 기능은 복잡 할 수 있습니다. 또한'common_stuff.js'를 편집 할 때 더 큰 영향을 미칠 것입니다. (따라서 더 많은 테스트가 필요합니다!) –

0

Angularjs 또는 backbone.js을 조사해야합니다. 이 두 가지를 사용하여 구조와 디자인을 자바 스크립트에 구현할 수 있습니다.