스크립트 태그

script 태그는 HTML 페이지에 JavaScript를 연결합니다 (또한, 훨씬 더 드물게, 다른 스크립트들도).

별도의 JavaScript 파일을 연결할 수 있습니다 (이 경우 src 속성이 지정되어야 합니다) 또는 HTML 페이지에 직접 JavaScript를 작성할 수도 있습니다. 본질적으로 script 태그는 link 태그와 style 태그의 동작을 합친 것과 같지만, CSS가 아닌 JavaScript용입니다.

이 태그는 head 태그 내부에 위치해야 하지만, 필수는 아닙니다 - script 태그를 body 태그 내부에 배치해도 작동합니다.

속성

속성	설명
`src`	연결할 파일의 경로입니다.
`type`	연결된 파일의 데이터 타입입니다. JavaScript의 경우 `text/javascript`를 사용해야 합니다. HTML5에서는 필수가 아닙니다.
`language`	스크립트 언어를 지정합니다. 이 속성은 권장되지 않으며, 대신 `type` 속성을 사용해야 합니다.
`defer`	`defer` 속성은 페이지가 완전히 로드될 때까지 스크립트 실행을 지연시킵니다.

예시

별도의 JavaScript 파일을 연결해 봅시다:

<script src="test.js"></script>

예시

이렇게 하면 HTML 페이지에 직접 JavaScript 코드를 작성할 수 있습니다:

<script>
	let test = '123';
</script>

함께 보기

script 태그 사용 옵션이 소개된 DOM 작업 기초 강의