외부 파일로 분리 (Separate into external file) JS를 별도의 파일로 분리할 수도 있다. 장점을 보다 엄격하게 정보와 제어를 분리할 수 있다는 점이다. 하나의 JS파일을 여러 웹 페이지에서 로드함으로 JS의 재활용률을 높일 수 있다. 캐쉬를 통해 속도의 향상, 전송량의 경량화를 도모할 수 있다. html 파일 예제코드 1 2 3 4 5 6 7 8 9 Colored by Color Scripter cs 분리된 script.js 파일 예제코드 1 2 var hw = document.getElementById('hw'); hw.addEventListener('click',function(){alert('hello World')}); cs

Inline 방식의 JavaScript HTML태그에 직접 JavaScript를 기술하는 방법이다. 장점은 태그에 연관된 스크립트 관계가 명확하게 보인다는 점이 있지만 정보인 HTML과 제어의 역할을 하는 JavaScript코드가 같이 사용됨으로 코드가 정보로서의 가치가 줄어든다. 예제코드 1 2 3 4 5 6 Colored by Color Scripter cs Script 방식의 JavaScript 스크립트와 HTML을 분리해서 코딩하는 방식 스크립트 태그에 태그을 이용해 JavsScript 코딩을 하는 방법이다. 예제코드 1 2 3 4 5 6 7 Colored by Color Scripter cs