JavaScript

1. script

<script> 

태그를 이용하면 자바스크립트 프로그램을 html문서 대부분의 위치에 삽입할 수 있다.

2. 모던마크업

script 타입에는 여러가지 속성이 있다.

(1) type

sctipt type=...

html4에선 스크립트에 type을 명시하는 것이 필수이다. (type="text/javascript")

하지만 html5부터는 명시가 필수가 아니다. 또한 모던 HTML 표준에선 이 속성의 의미가 바뀌었다.
이 속성은 자바스크립트 모듈에 사용할 수 있다.

(2) language

<script language=…>

이 속성은 현재 사용하고 있는 스크립트 언어를 나타낸다. 현재는 자바스크립트가 기본 언어이므로 의미가 없다.

3. 외부스크립트

자바스크립트는 코드 양이 많은 경우 파일을 나눠서 저장할 수 있다. 분리 작업은 자바스크립트 소스를 찾기도 쉬울 뿐만 아니라, 소스 손상의 염려도 줄어든다.

나눌 파일은 src 속성을 이용한다.

<script src="/path/to/script.js"></script>

절대경로 - 처음부터 시작하여 목적지까지의 절대적인 경로를 의미하며 최상위디렉토리(/)를 포함한다.

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

상대경로 - 현재 디렉토리를 기준으로 작성된 경로를 의미한다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

URL 전체를 속성으로 사용하는 것도 가능하다.

<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
…

복수의 스크립트 사용도 가능하다.

! 아래와 같이 src 속성이 있으면 태그 내부의 코드는 실행되지 않는다.

<script src="file.js">
  alert(1);
</script>