HTML 문서에 JavaScript 포함하기
HTML 문서에 JavaScript 코드를 추가하려면 <script> 태그를 사용합니다. JavaScript는 <script>...</script> 태그 사이에 작성된 JavaScript 문장들을 통해 실행됩니다.
script 태그의 위치
<script> 태그는 웹 페이지 내 어디에나 배치할 수 있습니다. 다만 일반적으로는 <head> 태그 안에 두는 것이 권장됩니다. 페이지가 로드되기 전에 스크립트가 먼저 준비되도록 하기 위함입니다.
기본 예제로 살펴보기
간단한 예제를 통해 문자열 "Hello World"를 화면에 출력해 보겠습니다. 아래 코드에는 JavaScript 코드를 감싸는 선택적인 HTML 주석이 추가되어 있습니다.
이 주석은 JavaScript를 지원하지 않는 오래된 브라우저에서 코드가 그대로 텍스트로 노출되는 것을 방지하기 위한 것입니다. 주석은 //-->로 끝나는데, 여기서 //는 JavaScript에서 한 줄 주석을 의미합니다. 따라서 브라우저가 HTML 주석의 끝 부분(-->)을 JavaScript 코드로 잘못 해석하지 않도록 막아주는 역할을 합니다.
그다음 document.write() 함수를 호출하여 지정한 문자열을 HTML 문서에 직접 작성(출력)합니다.
예제 코드
<html>
<body>
<script>
<!--
document.write("Hello World")
//-->
</script>
</body>
</html>
참고 사항
위와 같은 HTML 주석 처리 기법은 과거 JavaScript를 지원하지 않던 구형 브라우저를 위한 방식입니다. 현재의 모든 주요 브라우저는 JavaScript를 기본적으로 지원하므로, 최신 개발 환경에서는 이러한 주석 없이 <script> 태그만으로 충분합니다.