1. HTML 웹문서에, 자바스크립트 코드의 삽입 및 실행 방법
ㅇ (script 요소)에 의한
- 외부 자바스크립트 코드 파일을 불러오기
<script src="자바스크립트 코드 파일이 있는 파일 경로 또는 url 경로"></script>
- HTML 웹문서 내부에 자바스크립트 코드를 쓰기
<script>자바스크립트 코드</script>
ㅇ 이벤트 처리기 속성 값에 자바스크립트 코드를 쓰기
<button type='button' onclick='자바스크립트 코드'>Click</button>
ㅇ 자바스크립트 의사 프로토콜(javascript:)에 자바스크립트 코드를 쓰기
<a href='javascript:자바스크립트 코드'>특정링크</a>
※ 만일, 위 `자바스크립트 코드`들이 하나의 스크립트에 모두 포함되면,
- 이때 그 안의 모든 코드는 전역 네임스페이스를 공유하게 됨
- 즉, 전역 유효 범위를 오염시킬 수 있음 (변수명,함수명 등이 겹칠 수 있음)
2. script 요소 내 속성(attribute)
ㅇ type 속성 (type/subtype : MIME 타입)
- 미디어 타입 지정(type)과 프로그램 언어 지정(subtype)
- HTML5 부터는, text/javascript을 기본으로 함
ㅇ defer 속성
- 스크립트 실행을 DOM 트리 구축이 끝난 뒤에 실행
- src 속성과 함께 지정되어야 함
ㅇ async 속성
- 스크립트 실행을 비동기적으로 최대한 빨리 실행
- src 속성과 함께 지정되어야 함
ㅇ src 속성
- 외부 스크립트 파일에 대한 URL 경로
ㅇ charset 속성
- 자바스크립트 코드의 문자집합 종류 지정
※ [참고] ☞ MDN script 참조