더북(TheBook)

8.1.1 HTML 파일과 자바스크립트 연결하기

HTML 문서와 자바스크립트 파일을 연결하는 방법은 내부 스크립트와 외부 스크립트 2가지입니다.

 

내부 스크립트 방법

내부 스크립트(internal script)는 HTML 파일에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법입니다. 다음과 같이 HTML 파일을 생성하고 예제 코드를 실행하면 웹 브라우저 화면에 자바스크립트 코드로 작성한 내부 스크립트 방법이라는 글자가 표시됩니다.

08/01/internal_script.html

<body>
  <script>
    document.write("내부 스크립트 방법");
  </script>
</body>

그림 8-1 실행결과

TIP | 예제 코드에 나온 document.write() 메서드는 웹 브라우저 화면에 글자를 표시해 주는 자바스크립트 코드입니다. 자세한 내용은 12.3.1 콘텐츠 조작하기에서 다룹니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.