2장) HTML속의 자바스크립트

2.1 <script> 요소

여섯가지 속성

async - 옵션. 스크립트를 즉시 내려받음. (자원이나 다른 스크립트를 불러오는 등) 타 페이지 작업을 방해해서는 안된다고 지시한다. (외부 스크립트를 불러오는 경우에만 유효) 마크업 순서대로 실행한다는 보장이 없어서 위험하다.

charset - 옵션. src 속성으로 명시한 코드의 문자셋을 지정함. 브라우저는 이 속성의 값을 대부분 무시하므로 거의 쓰이지 않는다.

defer - 옵션. 문서의 콘텐츠를 완전히 파싱하고 표시하기 전까지 스크립트 실행을 지연해도 안전함을 나타냄. (외부 스크립트를 불러오는 경우에만 유효) 코드를 즉시 내려받지만 실행은 지연한다. 이 속성의 목적은 스크립트에서 페이지 구조를 바꾸지 않는다고 명시하는 것이다.

src - 옵션. 실행할 코드를 포함한 외부 파일의 위치를 지정.

type - 옵션. language 속성을 대체할 의도로 만들어짐. 스크립트 언어의 콘텐츠(마임) 타입을 지정함. 속성을 생략했을 때의 기본 값이 "text/javascript"이다.

외부에서 불러오기

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

일반적으로 자바스크립트 코드는 모두 </body> 바로 이전에 작성한다.

2.3 문서 모드

'쿽스 모드', '표준 모드', '거의 표준 모드'

독타입을 선언하지 않으면 쿽스모드를 사용하는데, 이는 브라우저마다 많이 다르므로 좋지 않은 방법이다.

2.4 <noscript>요소

브라우저가 스크립트를 지원하지 않거나, 스크립트 지원이 꺼져 있을 때 표시된다.

[출처: 프론트엔드 개발자를 위한 자바스크립트 프로그래밍]