chapter 13-02
웹 문서 내부에서 사용하기
<body> 태그 내부에, <script>태그 내부에, 자바스크립트 소스 코드를 작성하면 웹 문서 내부에서 자바 스크립트를 사용할 수 있습니다. 이미 완성된 스타일을 제어하는 용도로 사용하기 때문에, 모든 요소를 작성한 후 <body>태그의 가장 마지막에 <script>태그를 넣는 것이 권장됩니다.
권장이 아닌, 사실상 필수 혹시나 body태그 맨 앞에 쓰거나, head 태그 안에 써버리는 경우는 문제가 발생합니다. 브라우저는 후술할 DOM모델을 통해 html 요소를 생성하는 작업과, 자바 스크립트 코드 리딩을 동시에 수행합니다. 이 과정에서 해당 요소 객체 생성보다 코드 리딩을 통한 참조가 먼저 일어나는 경우 nulll을 반환하게 됩니다.
하지만, 이렇게 내부에 자바스크립트 코드를 삽입하는 방식은 보기에 어지럽고, 여러 웹 문서에 동일한 자바 스크립트 코드를 사용하는 경우 중복되는 부분이 많이 생긴다는 단점이 있습니다. 따라서, 아래에서 설명할 외부 연결 방식을 더 많이 사용하게 됩니다.
웹 문서 외부에서 사용하기
외부에서 사용할 때도, <body>태그의 가장 마지막에 오는 <script>태그를 이용합니다.
<script src="외부 스크립트 파일 경로,'></script>다음과 같은 식으로 외부 스크립트 파일을 불러올 수 있습니다. 파일에는 자바스크립트 코드를 작성하과, *.js 확장자를 사용합니다.
Last updated