2012-03-05 3 views
9

openheatmap을 만드는 javscript 파일을 만들려고합니다. 두 개의 다른 javascript src 파일을 포함해야하지만 현재 수행중인 작업이 작동하지 않습니다. 이것이 지금 내가하고있는 작업입니다.자바 스크립트 다중 스크립트 src

<html> 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://static.openheatmap.com/scripts/jquery.openheatmap.js" type="text/javascript"></script> 

더 좋은 방법이 있나요?

+2

왜 세 번째 닫히지 않은'script' 태그가 있습니까? – cambraca

+5

여러 스크립트를 포함하는 올바른 방법입니다. 문제의 [짧고, 자기 포함, 올바른 예] (http://sscce.org/)를 게시하는 것이 좋습니다. 또한, jQuery 1.4.2? 옛날의 생각은 어때? – Phil

+0

세 번째 끝 스크립트 태그는 내 파일의 맨 아래에 있으며 나머지 세 줄은 나머지 자바 스크립트 코드가 있습니다. 그리고 예, 저는 그것이 구 버전이라는 것에 동의합니다. – ewein

답변

7

JavaScript 파일을 포함하는 더 좋은 방법이 있습니다. 특히 파일이 늦게 처리되는 경우가 있습니다 (특히 스크립트가 호스트되지 않는 경우). 이렇게하면 페이지가 외부 리소스로드가 차단되지 않고로드 될 수 있습니다.

그래서 모든 스크립트를 닫는 body 태그 바로 앞에 두는 것이 좋습니다.

defer 속성으로 수행 할 수있는 페이지 렌더링을 차단하지 않고 스크립트를로드 할 수도 있습니다 (async 속성과 달리 실행 순서가 보장됨).

defer 속성과 함께 onload 속성을 사용하여 DOM 준비가 완료 될 때 실행할 메소드를 지정할 수도 있습니다. 스크립트가 작동하는지에 대한 질문의 다른 부분에 대한

<script defer onload="MyStuff.domLoaded();"> 

는 좀 더 정보를 제공하십시오.