JavaScript 강좌 | 기초 > JavaScript를 HTML 문서에 삽입하는 방법

HTML 문서에 직접 삽입

HTML 문서 안에 <script> 태그를 만들고, 그 안에 사이에 코드를 넣는 방법입니다.

<script>
  alert ("Hello");
</script>

이 방법은 몇 개의 페이지에 JavaScript를 사용하거나, JavaScript 코드가 짧은 경우에 유용합니다.

스크립트 파일을 만든 후 불러오기

텍스트 에디터로 JavaScript 코드를 담은 파일을 만든 후 HTML 문서에 연결시키는 방법입니다.

다음과 같은 내용의 파일을 만들고 hello.js라는 이름으로 저장합니다. (스크립트 파일의 확장자는 js입니다.)

alert ("Hello");

그리고, HTML 문서에 다음의 코드를 넣습니다.

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

src의 값에는 연결할 스크립트 파일의 이름을 경로와 함께 적어줍니다.

이 방법은 많은 HTML 문서에 같은 자바스크립트 코드를 적용시키거나, 자바스크립트 코드가 긴 경우에 유용합니다.

Created on 2013-12-18 17:53 | Updated on 2015-07-18 02:25

이 글을 공유하기

Kakao

기초 강좌