자바스크립트 입력위치

<script> 태그

HTML에서는 태그 사이에 JavaScript 코드가 삽입된다
HTML 문서에 스크립트를 원하는 수만큼 배치가능하다

JavaScript 함수 및 이벤트

JavaScript function
이벤트 가 발생할 때 함수를 호출이 가능하다
"호출"될 때 실행할 수 있는 JavaScript 코드 블록이다
예) 사용자가 버튼을 클릭할 때

삽입방법

위치

head 태그 안

HTML 코드를 분석하다가
우선 Javascript를 실행하고 나머지 HTML 코드를 실행한다
웹사이트가 완벽한 형태로 보여진다.

body 태그 안

전체적인 HTML 코드를 분석한 뒤에 javascript 파일을 실행한다
기본적인 HTML의 컨텐츠를 빠르게 확인 가능.

참조 방법

외부 스타일시트

1. 동일한 코드가 여러 다른 웹 페이지에서 사용될 때 유용하다
2. HTML 및 JavaScript의 코드를 분리해서 더 쉽게 읽고 유지 관리가 가능하다
3. 캐시된 JavaScript 파일은 페이지 로드 속도를 높일 수 있다.

• JavaScript 파일의 파일 확장자는 .js
• 태그의 src(source) 속성에 스크립트 파일 이름을 입력하면 된다
• 한 페이지에 여러 스크립트 파일을 추가도 가능하다

<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

외부참조

1. 전체 URL을 사용하여 스크립트 연결

<script src="https://www.w3schools.com/js/myScript.js"></script>

2. 현재 웹 사이트의 지정된 폴더에 있는 스크립트 사용

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

출처
https://www.w3schools.com/js/js_whereto.asp
https://hhh270.tistory.com/28