JavaScript 삽입 방식 및 위치

2021년 10월 26일

이 글에서는 자바스크립트 삽입 방식과 위치에 대해 설명합니다. 기본적인 내용의 이 글은 W3Schools의 JavaScript Where To 문서를 참고하여 정리한 것입니다.

태그 사이에 삽입됩니다.

오래 된 자바스크립트 예시에서는 타입 속성을 사용할 수 있습니다:

Demo JavaScript in Head

단락

예시:

아래 예제에서는 자바스크립트 함수가 HTML의 섹션에 배치됩니다.

버튼을 클릭할 때 함수가 호출됩니다.





Demo JavaScript in Body

문단

예시:

스크립트 해석 때문에 표시 속도가 느려질 수 있으므로 스크립트를 요소의 하단에 배치하면 표시 속도를 향상시킬 수 있습니다.

스크립트를 또한 외부 파일에 배치할 수도 있습니다.

외부 파일: myScript.js

function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}

동일한 코드를 여러 웹 페이지에서 사용할 때 외부 스크립트가 실용적입니다.

JavaScript 파일의 확장자는 .js입니다.

외부 스크립트를 사용하려면

외부 스크립트 레퍼런스를 또는 에 위치시킬 수 있습니다.

해당 스크립트는

외부 스크립트는 3가지 방식으로 참조될 수 있습니다.

myScript.js의 전체 경로:

myScript.js의 파일 경로:

myScript.js에 대한 링크 경로 없이: