● 외부 스크립트 방법
외부 스크립트(external script)는 js 확장자로 된 별도의 파일을 생성하고 생성한 파일에 자바스크립트 코드를 작성한 뒤, HTML 문서와 연결하는 방법입니다. 프로젝트 폴더에 script.js 파일을 생성하고 다음 코드를 작성해 보세요.
08/01/script.js
document.write("외부 스크립트 방법");
그리고 HTML 문서를 생성해 script.js 파일과 연결합니다. 다음 코드처럼 script 태그에 이미지 경로를 입력할 때 사용한 src 속성을 사용해 연결하려는 파일 경로를 입력하면 됩니다.
08/01/external_script.html
<body>
<script src="script.js"></script>
</body>
그림 8-2 실행결과
예제 코드를 실행하면 웹 브라우저 화면에 script.js 파일에서 작성한 자바스크립트 코드 내용인 외부 스크립트 방법이 표시됩니다.
TIP | 만약 외부 스크립트 파일(script.js)에서 작성한 코드가 실행되지 않으면 script.js 파일의 경로를 올바르게 작성했는지 확인해 주세요. 경로를 지정하는 방법은 3.4.2 img 태그를 참고하세요.